@font-face {
    font-family: 'Savoye LET Plain';
    font-style: normal;
    font-weight: normal;
    src: local('Savoye LET Plain'), url('Savoye LET Plain1.0.woff') format('woff');
}

body{
    font-family: "Quicksand", sans-serif;
    font-size: 18px;
}

.row-reverse{
    flex-direction: row-reverse
}


/*HEADER*/

header{
    padding: 10px;    
}
header .logo img{
    height: 90px;
}

/* 

HEADER

*/

.header .image-holder{
    position: relative;
}
.header .image-holder img{
    width: 100%;
    transition: 0.5s;
    opacity: 1;
    height: 100vh;
    object-fit: cover;
    object-position: center;
    
}
.header .image-holder:hover img:not(.hovered){
    opacity: 0;
}

.header .image-holder .hovered{
    position: absolute;
    z-index: -1; 
    top: 0;
    left: 0;
    width: 100%;
}

.slogan{
    padding: 100px 0;
}
.slogan .logo{
}
.slogan .logo img{
    height: 150px; 
}

.slogan .text{
    font-family: 'Savoye LET Plain';
    font-size: 55px;
    line-height: 1;
    text-align: center
}



.pasa{
    border-top: 10px solid #ddd;
    margin-bottom: 50px;
}

.pasa .group{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;

}



.pasa .logo{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.pasa .logo img{
    height: 80px;
}
.pasa.bakery .logo img,.pasa.rest.logo img{
    height: 120px;
}
.pasa .text{
    font-size: 28px;
    padding: 0 45px;
    text-align: center;
}

.pasa  .bg img{
    width: 100%;
}

.pasa .menu{
    text-align: center;
    margin-top: 30px;
}
.pasa .menu a{
    display: inline-block;
    padding: 10px;
    background: #ddd;
    text-align: center;
    color: #fff;
    text-decoration: none;
}


.pasa.beach{
    border-color: #1d6fa4;
}
.pasa.beach .group{
    background-image: url('../images/beach-bg.png');
}
.pasa.bakery{
    border-color: #ff914d;
}


.pasa.bakery .group{
    background-image: url('../images/bakery-bg.png');
}
.pasa.rest{
    border-color: #81a969;
}
.pasa.rest .group{
    background-image: url('../images/rest-bg.png');
}

.pasa.beach .menu a{
    background: #1d6fa4;
}
.pasa.bakery .menu a{
    background: #ff914d;
}
.pasa.rest .menu a{
    background: #81a969;
}

footer{
    background: #d5b39a;
    padding: 50px;
}
footer .title{
    font-weight: bold;
    font-size: 35px;
    color: #f4ede3;
    margin-bottom: 20px;
    text-align: center;
}
footer .form-control,footer .form-select{
    border-radius: 0;
    background: #f4ede3;
    font-family: "Quicksand", sans-serif;
}
footer .form-control:focus,footer .form-select:focus{
    background: #f4ede3;
    box-shadow:none;
    border: 1px solid #998f81;
}
footer .form-control:placeholder,footer .form-select:placeholder{
    color:#000
}
footer .form-select,footer .form-select:focus{
    background-image: url('../images/down.png');
    background-size: 15px;
    background-position: 98% center;
    background-repeat: no-repeat;
    
}


footer .map a{
    display: block;
    position: relative;
}
footer .map a:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 7px;
    right: -1px;
    background: rgba(95, 80, 69, 0.7);
}

footer .btn.btn-sender{
    background: #5f5045;
    border-radius: 0;
    font-weight: bold;
    color: #fff;
    display: block;
    width: 100%;
    padding: 27px
}

footer .address{
    color: #fff;
    font-size: 25px;
    text-align: center;
    margin-top: 20px;
}