*,
*::before,
*::after {
    
    box-sizing: border-box;
    font-family: 'Comfortaa', Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

:root{
    --atos-blue-dark-01: rgba(35,69,179,0.1);
    --atos-blue-dark: rgba(35,69,179,1);
    --atos-blue-lightness: rgba(127, 219, 255, 0.84);
    --atos-blue-ligth-04:rgba(0,155,216,0.4);
    --atos-blue-ligth-08:rgba(0,155,216,0.8);
    --atos-blue-ligth: rgba(0,155,216,1) ;
    --atos-blue-medium: rgba(37, 93, 178,1);
    --shadow-black-04: rgba(4,7,7,0.4);
    --shadow-black-07: rgba(4,7,7,0.9);
    --shadow-black-09: rgba(4,7,7,0.9);
    --shadow-black: rgba(4,7,7);
    --shadow: 0 15px 10px rgba(0,0,0,0.5);
    --white-09: rgba(242, 242, 242, 0.9);
    --white:rgba(242, 242, 242, 1);
    
}


body {
    overflow-x: hidden;
}

p {
    font-size: 1.5vw;
}

h1 {
    font-size: 2vw;
}


[data-anime] {
    opacity: 0;
    transition: 1s; 
}

[data-anime='left'] {
    transform: translate3d(-5vw, 0, 0);

}

[data-anime='rigth'] {
    transform: translate3d(5vw, 0, 0);

}

[data-anime].anime {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}







#wpp-contact {
    background-image: url(icon/wpp-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0vh;
    height: 17vh;
    position: fixed;
    right: 0.5vw;
    width: 10vw;
    z-index: 999;
    cursor:pointer;
    text-decoration: none;
}


   
@media all and (min-width:320px) and (max-width:479px)  {
     /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 


    
    }

@media all and (min-width:600px) and (max-width:800px) {
     /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
}
@media (min-width:801px) and (max-width:1020px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 

}
@media (min-width:1025px) and (max-width:1280px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }