#logo
    {
    background-image:       url("logo.png");
    background-repeat:      no-repeat;
    height:                 100%;
    }
#menu 
    {
    margin-top:             40px;
    }
.baggrundsbillede
    {
    background-image:       url("bible.jpg");
    background-repeat:      no-repeat;
    background-size:        cover;
    height:                 70vh;
    padding-left:          100px;
    padding-right:         70px;

   

    }
.firstcontainer    
    {
    background-color:       #001449;
    margin:                 auto;
    position:               relative;
    height:                 200px;
    width:100% !important;
    }


.bluebackground, #bluebackground
    {
    background-color:       #001449 !important;
    }

.whitebackground
    {
    background-color:       white;
;
    }

.borderradius10 
    {
    border-radius: 10px;
    }
.borderradius20 
    {
    border-radius: 20px;
    }


.borderradius25 
    {
    border-radius: 25px;
    }
.vh80 
    {height:80vh;}
.vh20 
    {height:20vh;}
.marginleft20
    {margin-left:20px;}
.whitetext {
color:white;

}

.learntoreadbox
    {
        margin-left:80px;
        margin-right:45px;
        height:220px;
        padding-bottom:20px;
    }
.whitetextbluebox 
    {
        color:white;
        font-size:40px;
        margin:auto;
        margin-left:30px
    }
.main-list {
  list-style-type: none;
  padding-left: 0;

}

.main-list li {
  position: relative;
  margin-bottom: 10px;
}

.bullet {
  width: 20px;
  height: 20px;
  background-color: #646464;
  display: inline-block;
  vertical-align: middle; /* Juster bulleten vertikalt til midten af teksten */
  margin-right: 10px; /* Tilføj lidt mellemrum mellem bullet og hovedtekst */
  border-radius: 50%; /* Gør bulleten rund */
}

.main-text {
  font-size: 20px; /* Ændre skriftstørrelsen for hovedteksten */
  display: inline-block;
  vertical-align: middle; /* Juster hovedteksten vertikalt til midten af bullet */
    font-weight: bold;
}

.subtext {
  display: block;
  margin-left: 35px; /* Justér marginen for at placere subteksten under hovedteksten */
}
.card-body-course {
  height:           350px;
  background-color:#f6f2ef}
.card-body-course-detail {
    height:320px;
}