:root {
    --primary-color: #3c5f85;
    --secondary-color: #1f9dd9;
    --secondary-hover-color: #4fb5e6;
    
    --primary-bg-color: #FFF;
    
    --text-dark: #162850;
}

body{
    background-color: var(--primary-bg-color);
    color: #222;
    font-family: "Manrope", sans-serif;
}

.grecaptcha-badge{
    visibility: hidden !important;
}

.background-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/************** NAV **************/

#topbar {
    min-height: 56px;
    width: 100%;
    background-color: var(--primary-color);
    font-family: "Manrope", sans-serif;
    color: #FFF;
}

#topbar a{
    color: inherit;
}

.topbar-sm-logo{
    border-radius: 2rem;
    height: 4rem;
    width: 4rem;
}

.nav-link{
    letter-spacing: .25px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 1.1rem;
    line-height: 20px;
    color: #222;
}

.nav-contact-btn{
    background-color: var(--secondary-color);
    color: #FFF;
    border-radius: 0.5rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 1rem !important;
}

.nav-contact-btn:hover{
    background-color: var(--secondary-hover-color);
    color: #FFF;
}

@media(min-width: 980px){
    .nav-contact-btn{
        margin-left: 4rem;
    }
}


/********** footer ************/

.footer-title{
    color: var(--primary-color);
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 0.7rem;
}

footer ul{
    list-style: none;
    padding-left: 0;
}

footer li{
    margin-bottom: 0.7rem;
}

.footer-link{
    text-decoration: none;
    color: #6e6a85;
    font-weight: 400;
}

.footer-link:hover{
    text-decoration: underline;
    color: var(--text-dark);
}

.footer-img{
    max-height: 250px;
}

.developer-link{
    color: inherit;
}

/****************** contact *****************/


.contact-sec{
    padding: 6rem 0;
    background-color: var(--primary-color);
    color: #FFF;
}

.contact-title{
    font-size: 2rem;
    font-weight: 800;
    /*line-height: 1.5;*/
}

.contact-subtitle{
    font-weight: 400;
    letter-spacing: 0.7px;
    color: #CCC;
    margin-bottom: 1.5rem;
}

.contact-wrapper{
    background-color: #FFF;
    border-radius: 1rem;
    padding: 3rem 1rem;
    color: var(--primary-color);
    text-align: center;
    height: 100%;
}

.contact-icon{
    font-size: 4rem;
    color: var(--text-dark);
    margin-bottom: 2rem;
}

.contact-info-title{
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 2rem;
}

.contact-info a{
    font-size: 1.2rem;
    color: var(--text-dark);
    text-decoration: none;
}

.contact-info a:hover{
    color: var(--primary-color);
}


/************* opening hours **************/

.opening-hours-container{
    margin-top: 4rem;
}

.opening-hours-info{
    font-size: 3rem;
    font-weight: 800;
    color: #FFF;
}

.opening-hours-text{
    font-size: 1.2rem;
}

.opening-hours-img{
    border-radius: 2rem;
}

@media(max-width: 960px){
    .opening-hours-info{
        font-size: 2rem;
        text-align: center;
        margin-bottom: 2rem;
    }
}