body {background: linear-gradient(to bottom, #F5F5DC , #800000) fixed;margin: 0;padding: 0;box-sizing: border-box;font-family: 'Open Sans', sans-serif;}
img { margin-left: auto; margin-right: auto; width: 100%;}
.forma {text-align: center;font-family: 'Open Sans', sans-serif;color:white}
.formabook {text-align: center;font-family: 'Open Sans', sans-serif;color:white}
textarea{background-color: #F5F5DC;border-radius: 5px;width: 35%;border: 2px solid #ffffff;font-family: 'Open Sans', sans-serif;color:black}
input{background-color: #F5F5DC;border-radius: 5px;width: 35%;border: 2px solid #ffffff;font-family: 'Open Sans', sans-serif;}
.imgcontact {width:23%;position: absolute;left: 70px;top: 235px; height: 28%;border-image: 10px}
.map {position: absolute;right: 100px;top: 170px; width:600px; height:450px;border:0px;border:0;}
.adress {position: absolute;left: 250px;top: 170px;font-family: 'Open Sans', sans-serif;color:white }
input[type=submit]:hover {background-color: #555555;font-family: 'Open Sans', sans-serif;}
select {background-color: #F5F5DC;border-radius: 5px;width: 35%;border: 2px solid #ffffff;font-family: 'Open Sans', sans-serif;}
.imgbook {width:20%; position: absolute;left: 10vh;top: 284px; height: 20vh;border-radius: 5px;}
.infoabout {clear: both;width: 100%; bottom: 0;color:black;font-size:10px;font-family: 'Open Sans', sans-serif;color:white;font-size:13px;margin-left: 200px} 
.info2{ clear: both; text-align: center;width: 100%; bottom: 0;color:white;font-size:10px;font-family: 'Open Sans', sans-serif;color:white} 
.info3{ clear: both; text-align: center;position: absolute;width: 100%; bottom: 0;color:black;font-size:10px;font-family: 'Open Sans', sans-serif;color:white} 
.column {display: block; margin-right: 3%;border-radius: 5px;float: right;background: #F5F5DC;width: 20%;padding: 10px;height: 400px;font-family: 'Open Sans', sans-serif;} 
.row:after {content: "";display: table;clear: both;}
.imgservice {margin-right: 20%;float: right;width: 20%;padding: 10px;height: 200px; margin-top: 2%;position: sticky;}
.imgabout {position: absolute;right: 100px;top: 170px;width: 20%}
.info{ clear: both; text-align: center;position: absolute;width: 100%; bottom: 0;color:black;font-size:10px;font-family: 'Open Sans', sans-serif;color:white} 
.bokaservice {margin-left: 10%;margin-top:70px;width: 200%;padding: 0px;height: 400px; position: sticky;display: block; font-family: 'Open Sans', sans-serif;color:black; list-style-type: none;}
.phone {position: absolute;top: 0px;right: 0px;margin-top: 195px;margin-right:90px;font-family: 'Open Sans', sans-serif;color:white;font-size:15px;}
.bookphone{position: absolute;top: 0px;right: 0px;margin-top: 195px;margin-right:90px;font-family: 'Open Sans', sans-serif;color:white;font-size:15px;}
.map-container{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;top:10%;}
.map-container iframe{left:0;top:30px;height:100%;width:100%;position:absolute;}
a {cursor: pointer;}
header {position: fixed;top: 0;z-index: 1000;width: 100%;background: linear-gradient(to bottom, #F5F5DC, #800000) fixed;}
.nav-container {width: 1280px;margin: auto;}
.nav-checkbox {display: grid;grid-template-columns: 1fr 1fr;align-items: center;padding: 10px 0;}
.logo {font-family: 'Syncopate', sans-serif;font-size: 40px;text-decoration: none;color: #00008B;padding-left: 10px;}
.tab-nav {outline: none;display: none;}
.tab-nav-label {display: none;color: #00008B;}
.tab-content {grid-column: 3;list-style: none;margin: 0;padding: 0;}
.tab-content li {display: inline-block;padding-right: 10px;}
.tab-content li a {text-decoration: none;color: #00008B;position: relative;padding: 4px 8px; text-decoration: none; Display: block;font-family: 'Rajdhani', sans-serif;border-radius: 5px}
.tab-content li a::before {content: '';display: block;height: 3px;background: #00008B;position: absolute;bottom: -5px;left: 0;right: 0;transform-origin: left;transform: scale(0, 1);transition: transform ease-in-out 500ms;}
.tab-content li a:hover::before {transform: scale(1,1);}
.tab-content li a::after {content: '';display: block;height: 3px;background: #fff;position: absolute;top: -5px;left: 0;right: 0;transform-origin: right;transform: scale(0, 1);transition: transform ease-in-out 500ms;}
.tab-content li a:hover::after {transform: scale(1,1);}




@media screen and (max-width: 1280px) {
    .nav-container {width: 100%;}
}
@media screen and (max-width: 768px) {
    .tab-nav-label {display: grid;cursor: pointer;grid-column: 3;padding-right: 10px;}
    .tab-content {display: grid;grid-template-columns: 1fr;grid-column: 1/4;text-align: center;max-height: 0;overflow: hidden;
        transition: all ease-in-out 0.4s;-o-transition: all ease-in-out 0.4s;-webkit-transition: all ease-in-out 0.4s;orientation:portrait;}
    .nav-checkbox input:checked ~ .tab-content {max-height: 400px;}
    .tab-content li {padding: 20px 0;}
}
@media all and (max-width: 670px)
{   .formabook {text-align: center;font-family: 'Open Sans', sans-serif;color:white;margin-top: 155px}
    .phone {position: absolute;top: 0px;right: 0px;margin-top: 670px;margin-right:175px;font-family: 'Open Sans', sans-serif;color:white;font-size:15px;}
    .forma {text-align: center;font-family: 'Open Sans', sans-serif;color:white;margin-top: 155px}
    .bookphone{position: absolute;top: 0px;right: 0px;margin-top: 800px;margin-right:170px;font-family: 'Open Sans', sans-serif;color:white;font-size:15px;}
    .info{margin-top:450px; clear: both; text-align: center;position: relative;width: 100%; bottom: 0;color:black;font-size:10px;font-family: 'Open Sans', sans-serif;color:white} 
    .info3{margin-bottom:-520px;  clear: both; text-align: center;width: 100%; bottom: 0;color:white;font-size:10px;font-family: 'Open Sans', sans-serif;color:white} 
    img { margin-left: auto; margin-right: auto; width: 100%;}

    .bokaservice {margin-left: -300%;margin-top:10px;width: 300%;height: 10%; position: sticky;display: block; font-family: 'Open Sans', sans-serif;color:black; list-style-type: none;}
    .adress {position: absolute;left: 100px;top: 500px;font-family: 'Open Sans', sans-serif; }
    .logo {float: left; margin-top: 3%; margin-left: 3%; font-size: 4vh;max-width:100%;height:auto;font-family: 'Syncopate', sans-serif;color: #00008B;}
    .column {margin:4px;margin-right:130px;display: block; border-radius: 5px;background: #F5F5DC;width: 50%;padding: 1px;height: 200px;font-family: 'Open Sans', sans-serif;font-size:7px; position:static;} 
    .imgservice {margin-right: 10%;float: right;width: 10%;padding: 10px;height: 20px; margin-top: 1%;position: sticky;}
    .imgcontact {width:30%;position: absolute;left: 170px;top: 130px; height: 40%;}
    .imgbook {width:40%; position: absolute;left: 155px;top: 140px;height: 10%;}
    ul {list-style-type: none; margin: 0; padding:0;}
    li a {color: #00008B; padding: 3px 7px; text-decoration: none; Display: block;font-family: 'Rajdhani', sans-serif;border-radius: 5px}
    li a:hover {background-color: lightgray}
    a {display: block; padding: 8px;}
    .imgabout {position: absolute;right: 100px;top: 100px;width: 15%;}
    .infoabout { clear: both;width: 100%; bottom: 0;color:black;font-size:10px;font-family: 'Open Sans', sans-serif;color:white;margin-left: 10px} 
    .map-container{overflow:hidden;padding-bottom:56.25%;position:relative;height:500px;top:10%;}
    .map-container iframe{left:0;top:30px;height:100%;width:100%;position:absolute;}


}