/* MINI */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
    
    
h1{
    font-size: 6.5rem;
}

     .item-menu svg{
     transform: rotate(0deg);
     opacity: 1;
}

.footer-links li a:after {
    transform: translateY(0.75rem);
}
.banner-text{
    font-size: 6.5rem;
}

.img-hero .trail__img {
    height: 95vh;
}


.landscape-1{
    grid-template-columns: 1fr 2fr;
}

.landscape-2{
    grid-template-columns: 2fr 1fr;
}
 .menu{
        display:none;
    }
    
 .grid-flex-hero {
    gap: 2rem;
}   
    
.img-visual.v-2 {
    right: -18rem;
    left: inherit;
}

 .img-visual.v-3{
     left: -18rem;
}

    .mobile{
        display:block;
    }
    
    .desktop{
        display:none;
    }

}































































/* AIR */
@media only screen 
and (min-device-width: 1100px) 
and (max-device-width: 1200px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {


h1{
    font-size: 6.5rem;
}

.footer-links li a:after {
    transform: translateY(0.75rem);
}
     .item-menu svg{
     transform: rotate(0deg);
     opacity: 1;
}

.banner-text{
    font-size: 6.5rem;
}

.img-hero .trail__img {
    height: 95vh;
}

   .landscape-1{
    grid-template-columns: 1fr 2fr;
}

.landscape-2{
    grid-template-columns: 2fr 1fr;
}
 .menu{
        display:none;
    }
    
    
.grid-flex-hero {
    gap: 2rem;
}
    
.img-visual.v-2 {
    right: -18rem;
    left: inherit;
}

 .img-visual.v-3{
     left: -18rem;
}

    .mobile{
        display:block;
    }
    
    .desktop{
        display:none;
    }
}


























































































/* PRO */
@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
    
h1{
    font-size: 7.5rem;
}    

.footer-links li a:after {
    transform: translateY(0.75rem);
}

     .item-menu svg{
     transform: rotate(0deg);
     opacity: 1;
}

.banner-text{
    font-size: 7.5rem;
}

.img-hero .trail__img {
    height: 95vh;
}

.landscape-1{
    grid-template-columns: 1fr 2fr;
}

.landscape-2{
    grid-template-columns: 2fr 1fr;
}
 .menu{
        display:none;
    }
    
.grid-flex-hero {
    gap: 2rem;
}
    
.img-visual.v-2 {
    right: -18rem;
    left: inherit;
}

 .img-visual.v-3{
     left: -18rem;
}

    .mobile{
        display:block;
    }
    
    .desktop{
        display:none;
    }
}