h1{
    font-family: 'Syne', sans-serif !important;
    font-size: 4rem !important;
}

h2, h3{
    font-size: 2rem !important;
}

.divider{
    background-image: url("../img/bakgrunner/divider.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:auto;
    padding-bottom:3rem;
}

.bilde-hai{
    height:370px;
}

.front-text-header{
    font-size:35px;
}
.frontpage-box{
    border: solid 1px white;
    text-align: center;
    background-color: #232229;
}

.box-menu{
    color: #DBC67F;
    padding: 25px;
}
.front-text{
    font-size:19px;
    padding-top:55px;
    margin-bottom:40px;
}

.hai-image{
    height:300px;
    margin-bottom:-20px;
}

.news{
    padding-top:50px;
    background-color:#F7F4F4;
}

.news-box{
    position: relative;
    margin-bottom: 30px !important;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    box-shadow: rgba(1, 14, 40, 0.08) 0px 8px 30px -5px;
    border-radius: 8px;
}

.news-col{
    display:flex;
    margin:auto;
}

.news-image{
    height:120px;
}

.news-image:hover{
    opacity: 0.9;
}


h2{
    font-size:25px;
}

.fill-box {
    height:300px;
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center;
    margin-bottom:15px;
    width:300px;
}

.fill-image{
    cursor:pointer;
    position: relative;
    display: block;
}

.fill-text{
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
    height: 300px; 
    text-align: center;
    background-color: #232229c7;
    opacity: 1;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.3s;
    vertical-align:middle;
    line-height:300px;
}

.fill-text:hover{
    opacity: 0;      
}

.fill-text h3{
    color: white;
    display: inline-table;
    vertical-align:middle;
    line-height:100%;            
}

.christmas{
    background-color:rgba(255, 0, 0, 0.392) !important;
    padding:1rem;
    font-size:1.4rem;
}

@media only screen and (max-width: 600px) {

    h1{
        font-family: 'Syne', sans-serif !important;
        font-size: 2rem !important;
    }

    .divider{
        height:auto;
        padding-bottom:50px;
    }

    .news-box{
        width:90%;
    }

    .news-image{
        height:180px;
    }
     
    .mobile-only{
        padding-top:60px;
    }

    .mobile-only-text{
        padding-bottom:40px;
    }

    .padding-mobile{
        padding-top:10px;
    }

    .frontpage-box{
        margin-top:20px;
    }
  }