*{
    margin: 0;
    box-sizing: border-box;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-weight:lighter;
    padding: 0;
 
}
body{background-color: black;}


.page{
    background-position: center;
    
    background-size: cover;
    background-image: url(./assets/home/background-home-desktop.jpg);
    width: 100%;
    height: 100%;
    
}

.hamburger{display: none;}
.close{display: none;}

@media (max-width:480px) {
    .home{ height: auto; background-image: url(./assets/home/background-home-mobile.jpg);}
    .destina{ background-image: url(./assets/destination/background-destination-mobile.jpg);}
    .creww{background-image: url(./assets/crew/background-crew-mobile.jpg);}
    .techn{background-image: url(./assets/technology/background-technology-mobile.jpg);}


    .hamburger{display: block; cursor: pointer; padding-right: 40px;}
    .hamburger.active{ display: none;} 
    .hamburger.active + .close{display: block;cursor: pointer; padding-right: 40px;}
    .nav-menu.active{left: 0;}
    .nav-menu{
        position: fixed;
        left: -100%;
        top: 6rem;
        flex-direction: column;
        background:transparent; backdrop-filter: blur(20px) grayscale(0.5);
        width: 100%;
        padding-top: 40px;
        padding-bottom: 70%;
        text-align: center;
        transition: 0.3s;
        height: 100vh;
}
.nav-bar{
    display: flex;
    justify-content: space-between;
    padding-left: 20px; 
    padding-top: 40px;
}

.nav-link{
    color: white;
    margin-top: 30px;
    font-size: 30px;
}
.boto{display: flex; flex-direction: column;justify-content: center; text-align: center; margin:0; width: 100%;
}
.bomid{
    color:antiquewhite;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    margin-top: 10%;   }
    .bomid .h5spa{font-size: 50px; color: white; margin-bottom: 20px; margin-top: 20px;}
    .explore{
        display: block;
        font-size: 30px;
        background-color: white;
        height: 200px;
        line-height: 200px;
        width: 200px;
        border-radius: 50%;
        justify-self: center;
        justify-content: center;
        text-align: center;
        margin-top: 10%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15%;
        
    }










    .bomidde{
        color:antiquewhite;
        width: 100%;
        
        margin-top: 5%;   
        text-align: center;
        padding-left: 3px;
        padding-right: 3px;
    }
    .bomid .h5spa{font-size: 50px; color: white; margin-bottom: 10px; margin-top: 10px;}
    .bomidde, .bomidde p{color: white;} .h5spa{font-size: 50px;}
    .bomidde p{line-height: 150%;} .de-p{ font-size: 20px;}
    .bomidde table, tr, td{border: 20px solid transparent;}
    .imtx{padding-top: 10px; color: wheat;
        text-align: center;
        display:flex; flex-direction: column; width: 100%;}
    .plande{
        height: 150px;
        width: 150px;
        margin-top: 5%;
        margin-left: auto;
        margin-right: auto;  
    }
    .desnav{margin-bottom: 10px; font-size: 14px; }
    .mini-menu{display: flex; justify-content: space-between; 
        background:transparent; padding-top: 10px;padding-right: 10px; padding-left: 5px;}
        .mini-link{
            color: white;
            margin-left: 2rem;
        }
        table tr td p7{font-size: 20px;}
    
 .mo, .ma,.eu,.ti {border-bottom: 3px solid white;
    }
    k{display: none;}

    .botocr{display: flex; flex-direction: column;justify-content: center; 
        text-align: center; margin:0; width: 100%;
    }
    
    .bomidcr{
        order: 3;
        color:antiquewhite;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10%;  
    }
    .bomidcr h5{font-size: 40px; color: white; margin-bottom: 20px; padding-top: 20px;}
    .bomidcr h9{font-size: 20px; color: white;}
    .bomidcr p4{display: none; }
    
    .crewimg{margin-left: 10%; order: 1; }
    .crewimg img{height: 200px;  bottom: 0;}
    .dot-pac{order: 2;}
    
    .dot {
        cursor: pointer;
        height: 20px;
        width: 20px;
        background-color: white;
        opacity: 0.5;
        border-radius: 50%;
        display: inline-block;
        transition: 0.6s ease;
        margin-right: 1.5rem;
        margin-top: 30px;
    }
    .weo{opacity: 7;}

    .techimg{margin-left: 3%; margin-top: 3%; margin-right: 3%;}
.techimg img{height: 300px; width: 100%;}
.tph{ display: flex;  color: gray; padding-left: 3rem; margin-top: 5%;}

.num-dot{ display: flex;justify-content: space-between;
     margin-left: 10%;margin-right: 10%; margin-top: 5%; order: 2;}
.numd{background-color: grey; color: black;
height: 30px; width: 30px;
cursor: pointer; border-radius: 50%; margin-top: 3rem;
text-align: center; font-size: 20px;}


    
}
@media (min-width:481px) and (max-width:1024px) {
    .home{height: 100vh; background-image: url(./assets/home/background-home-tablet.jpg);}
    .destina{ background-image: url(./assets/destination/background-destination-tablet.jpg);}
    .creww{background-image: url(./assets/crew/background-crew-tablet.jpg);}
    .techn{background-image: url(./assets/technology/background-technology-tablet.jpg);}
    .mainb{height: 100vh + 100%;}

    .nav-bar{
        display: flex;
        justify-content: space-between;
        padding-left: 20px; 
        padding-top: 20px;
    }
    .nav-menu{display: flex; justify-content: space-between; padding-right: 50px;
    background:transparent; backdrop-filter: blur(20px) grayscale(0.5); padding-top: 20px;}
    .nav-link{
        color: white;
        margin-left: 2rem;
    }
    k{display: none;}
    .boto{display: flex; flex-direction: column;justify-content: center; text-align: center; margin-left: 0; margin-right: 0%; width: 100%;
    }
    .bomid{
        color:antiquewhite;
        width: 100%;
        padding-left: 70px;
        padding-right: 70px;
        text-align: center;
        margin-top: 10%;   }
        .bomid h5{font-size: 80px; color: white; margin-bottom: 15px; margin-top: 20px;}
        .bomid p{line-height: 150%;}
        .explore{
            display: block;
            font-size: 30px;
            background-color: white;
            height: 150px;
            line-height: 150px;
            width: 150px;
            border-radius: 50%;
            justify-self: center;
            justify-content: center;
            text-align: center;
            margin-top: 10%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 5%;
            
        }
        .bomidde{
            color:antiquewhite;
            width: 100%;
            
            margin-top: 5%;   
            text-align: center;
            padding-left: 20px;
            padding-right: 20px;
        }
        .bomid h5{font-size: 80px; color: white; margin-bottom: 10px; margin-top: 10px;}
        .bomidde h5, .bomidde p{color: white;}
        .bomidde p{line-height: 150%;}
    
        .bomidde table, tr, td{border: 10px solid transparent;}
        table{margin: auto; padding-top: 20px;}
        .imtx{padding-top: 10px; color: wheat;
            text-align: center;
            display:flex; flex-direction: column; width: 100%;}
        .plande{
            height: 150px;
            width: 150px;
            margin-top: 5%;
            margin-left: auto;
            margin-right: auto;  
        }
        .desnav{margin-bottom: 10px; font-size: 14px; }
        .mini-menu{display: flex; justify-content: space-between; 
            background:transparent; padding-top: 10px;padding-right: 100px; padding-left: 100px;}
            .mini-link{
                color: white;
                margin-left: 2rem;
            }
    .ho,.de, .cr, .te, .mo, .ma,.eu,.ti {border-bottom: 3px solid white;}
    .bomidcr{
        color:antiquewhite;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10%;  
    }
    .bomidcr h5{font-size: 50px; color: white; margin-bottom: 20px; padding-top: 20px;}
    .bomidcr h9{font-size: 20px; color: white;}
    .bomidcr p4{font-size: 30px; margin-left: -50%;}
    .bomidcr p{line-height: 150%;}
    
    .crewimg{margin-left: 10%;  }
    .crewimg img{height: 400px;  bottom: 0;}
    
    
    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        background-color: white;
        opacity: 0.5;
        border-radius: 50%;
        display: inline-block;
        transition: 0.6s ease;
        margin-right: 1.5rem;
        margin-top: 10px;
    }
    .weo{opacity: 7;}

    .techimg{margin-left: 3%; margin-top: 3%; margin-right: 3%; order: 1;}
    .ret{order: 3;}
.techimg img{height: 300px; width: 100%;}
.tph{ display: flex;  color: gray; padding-left: 3rem; margin-top: 5%;}

.num-dot{ display: flex;justify-content: space-between;
     margin-left: 10%;margin-right: 10%; margin-top: 5%; order: 2;}
.numd{background-color: grey; color: black;
height: 40px; width: 40px;
cursor: pointer; border-radius: 50%; margin-top: 3rem;
text-align: center; font-size: 30px;}

    
   

}
@media (min-width:1025px) {
    .home{ background-image: url(./assets/home/background-home-desktop.jpg);}
    .destina{ background-image: url(./assets/destination/background-destination-desktop.jpg);}
    .creww{background-image: url(./assets/crew/background-crew-desktop.jpg);}
    .techn{background-image: url(./assets/technology/background-technology-desktop.jpg);}
    .mainb{height: 100vh;}
    .page{height: 100vh;}

.bomidde{
    color:antiquewhite;
    width: 50%;
    
    padding-right: 100px;
    margin-top: 5%;   
    margin-left: 10%;
    text-align: left;
}
.bomidde h5, .bomidde p{margin-left: 4rem;}
table{ margin-top: 40px; margin-left: 3rem;}
.bomidde table, tr, td{border: 20px solid transparent;}
.imtx{padding-top: 40px;padding-left: 70px; color: wheat;}
.plande{
    margin-top: 15%;
    margin-left: 5%;
}
.desnav{margin-bottom: 30px; font-size: 14px;  }


.boto{display: flex;}
.bomid{
    color:antiquewhite;
    width: 50%;
    padding-left: 150px;
    padding-right: 100px;
    margin-top: 15%;   
}
.explore{
    font-size: 30px;
    background-color: white;
    height: 200px;
    line-height: 200px;
    width: 200px;
    border-radius: 50%;
    text-align: center;
    margin-top: 25%;
    margin-left: 20%;
    /*padding-top: 6%;*/
}
.nav-bar{
    display: flex;
    justify-content: space-between;
    padding-left: 20px; 
    padding-top: 40px;
}
.nav-menu{display: flex; justify-content: space-between; padding-right: 150px;
background:transparent; backdrop-filter: blur(20px) grayscale(0.5); padding-top: 20px;}
.nav-link{
    color: white;
    margin-left: 3rem;
}
.mini-menu{display: flex; justify-content: space-between; padding-right: 150px;
    background:transparent; backdrop-filter: blur(20px) grayscale(0.5); padding-top: 20px;}
    .mini-link{
        color: white;
        margin-left: 3rem;
    }
.ho,.de, .cr, .te, .mo, .ma,.eu,.ti {border-bottom: 3px solid white;}

.bomidcr{
    color:antiquewhite;
    width: 50%;
    padding-left: 100px;
    padding-right: 100px;
    margin-top: 3%;   
}
.bomidcr h5{font-size: 50px; color: white; margin-bottom: 20px; padding-top: 100px;}
.bomidcr h9{font-size: 20px; color: white;}
.bomidcr p4{font-size: 30px; color: white; }

.crewimg{margin-left: 10%; }
.crewimg img{height: 500px; position: absolute; bottom: 0;}
.dot-pac{
    position: absolute;
    left: 10rem;
    bottom: 5rem;
}

.dot {
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: white;
    opacity: 0.5;
    border-radius: 50%;
    display: inline-block;
    transition: 0.6s ease;
    margin-right: 1.5rem;
    margin-top: 100px;
}
.weo{opacity: 7;}

.techimg{margin-left: 3%; margin-top: 1%; }
.techimg img{height: 500px;}
.tph{ display: flex; color: gray; padding-left: 3rem; margin-top: 5%;}

.num-dot{margin-left: 5%; margin-top: 13%;}
.numd{background-color: grey; color: black;
height: 40px; width: 40px;
cursor: pointer; border-radius: 50%; margin-top: 3rem;
text-align: center; font-size: 30px;}





}















p4{font-size: 30px;}
h5{font-size: 80px; color: white; margin-bottom: 40px; margin-top: 20px;}
p{line-height: 200%;}
p7{font-size: 30px;}
h7{font-size: 15px;}
li{list-style: none;}

a{text-decoration: none; color: white;}
a:hover{color: yellow;}
.sx{background-color: white;}
.numd:hover{background-color: yellow;}