/* Arthur*/
*{
   margin: 0;
   padding: 0; 
}


/*logo billedet*/
.header{
    min-height: 100vh;
    width: 100%;
    background-image: url(../img/logobaggrund.png);
    background-position: center;
    background-size: cover;
    position: relative;
    margin-bottom:30px;
}
.Info{
    width:100%;
}
.text-box{
width: 90%;
color:black;
position: absolute;
top:30%;
left:50%;
transform: translate(-50%,-50%);
text-align: center;
}

/*forside skrift*/
.info{
 width:30%;
 margin: auto;
 text-align: center;
 padding-top: 100px;
 margin-top:50px;
}
h2{
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    }
p{
    color:#777;
    font-size: 18px;
    font-weight:300;
    line-height:22px;
    padding:10px;
    text-align: center;
    margin: auto;
    width:40%;
  
}     
   
.boks p{
    color:#777;
    font-size: 14px;
    font-weight:300;
    line-height:22px;
    padding:10px;
    text-align: center;
    margin: auto;
    width:80%;
    max-width:100%;
}
.sub-header{
    min-height: 50vh;
    width: 100%;
    background-image: url(../img/logobaggrund.png);
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: center;
    margin-bottom:30px;
}
.trivsel{
    width:80;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 50px;
    margin-bottom:30px;
}
.trivsel-col{
    flex-basis: 48%;
    padding: 30px 2px;
}
.trivsel-col img{
    width:100%;
    height: 500px;
}
.row {
    display: flex;
    align-items: flex-start;  
    }
    .trivsel-col h1 {
   padding-top:0;
}

.trivsel-col p {
   padding: 15px 0 25px;
}
.card-text p{
    color:#777;
    font-size: 14px;
    font-weight:300;
    line-height:22px;
    padding:10px;
    text-align: center;
    margin: auto;
    width:100%;
}
.card img{
     width: 300px;          
    height: 300px;         
    object-fit: cover;     
    border-radius: 8px;    
    margin: 0 auto;
}
.om p{
    color:#777;
    font-size: 18px;
    font-weight:300;
    line-height:22px;
    padding:10px;
    margin: auto;
    text-align: center;
    width:60%;
}