/* mobile phone */
@media (min-width: 768px) and (max-width:1024px) and (orientation:landscape){
    body{
        font-family: 'Montserrat', sans-serif;
        }
    .rodape{
        background-color: rgba(255, 255, 255, 0);
        height:2.5vh;
        margin-bottom: 3%;
        margin-left:3%;
        font-family: Montserrat;
    }
    .rodape2{
        background-color: #525252;
        min-height:48vh;
        font-family: Montserrat;
        position: relative;
        z-index: -2;
    }
    .parceiros{
        padding: 5% 30% 1% 30%;
        position: fixed;
        z-index: -1;
        bottom: 0;
    }
    #rodape2{
        transition: 0.5s;
    }
    .logo{
        width:60%;
    }
    .autor{
        color:#bebebe;
        font-size:9px;
        font-weight:400;
        padding-top:30px;
    }
    /*linguas*/
        .lingua2{
        position:absolute;
        top:4vh;
        right: 2%;
        width: 4%;
        color: black;
        text-decoration: none;
        font-weight: 700;
        font-size: 15px;
    }
    .lingua2:hover{
        color: #dd588b;
        text-decoration: none;
    }
    .lg{
        background-color: rgba(255, 255, 255, 0);
        padding: 5px 5px;
        border: none;
        text-align: left;
        color: black;
        text-decoration: none;
        }
    .lglist{
        font-size: 15px;
        color: black;
        padding: 10px 0px;
        font-weight: 700;
        text-decoration: none;
        margin-left: 98px;
    }
    .lglist:hover{
        color: #dd588b;
        padding: 7px 0px;
        font-weight: 700;
        text-decoration: none;
    }
    .copyrightdiv{
        position:fixed;
        left: 97%;
        padding-top:30%;
        line-height: 1%;
        }
    .copyright{
        writing-mode: vertical-rl;
        font-size:80%;
        }
    /* botoes fb e instagram */
    .social{
        font-size:16px;
        text-decoration: none;
        color: black;
        padding-right: 1.5%;
        font-weight: 700;
    }
    .social:hover{
        text-decoration: none;
        color: #dd588b;
    }
    /* pagina a encolher*/
    #main{
        transition: 0.5s;
        background-color: white;
    }
    /* menu icon*/
    .burguer{
        padding-left:3%;
        margin-top:2.5%
    }
    .menu:hover{
        -ms-transform: scale(1.1); /* IE 9 */
        -webkit-transform: scale(1.1); /* Safari 3-8 */
        transform: scale(1.1);
    }
    /* menu*/
    .sidenav {
        height: 100%;
        width: 0;
        position:fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #f7f7f7;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 4%;
    }
    .sidenav a {
        padding: 1% 0.8% 1% 3%;
        text-decoration: none;
        font-size: 16px;
        color: #3c3c3c;
        display: block;
        transition: 0.5s;
    }
    .sidenav a:hover {
        color: #dd588b;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right:5px;
        font-size: 35px;
        margin-left: 5%;
    }
    .dropbtn {
        color: #3c3c3c;
        padding: 2px 10px 2px 80px;
        font-size: 16px;
        border: none;
        background-color:  #f7f7f7;
        font-weight: 700;
    }
    a.dropbtn{
        padding-left: 80px;
        font-weight: 700;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-content {
        display: none;
        position:relative;
        background-color:  #f7f7f7;
        min-width: 160px;
        z-index: 1;
    }
    .dropdown-content a {
        color: #6c6c6c;
        padding: 10px 0px 12px 40px;
        text-decoration: none;
        display:block;
        font-size: 13.5px;
        font-weight: 500;
    }
    .dropdown:hover .dropdown-content {
        display: block;
    }
    #mySidenav {
      width: 0;
    }
    #main {
      margin-left: 0;
    }
    #rodape2{
        margin-left: 0;
    }
    #mySidenav.open {
      width: 220px;
    }
    #main.open {
      margin-left:120px;
    }
    #rodape2.open{
        margin-left: 220px;
    }
        
    /* pagina inicial 1 parte*/    
    .slide1{
        height: 100vh;
        background-image:url(fundo_tablet.jpg);
        background-size:cover;
        background-attachment: fixed;
        background-position:left;
        }
    /* pagina inicial 2 parte*/ 
    #slide2{
        height: 100vh;
        background-image:url(2_2tablet.jpg);
        background-size:cover;
        background-attachment: fixed;
        background-position:left;   
        }
    /* pagina inicial 3 parte*/ 
    .slide3{
        height: auto;
        background-color:white;
        padding: 1% 0%;
        }
    /* pagina inicial 4 parte*/ 
    .slide4{
        height: 105vh;
        background-image:url(3_tablet.jpg);
        background-size:cover;
        background-attachment: fixed;
        background-position:left;
        }
    .converter {
        position: fixed;
        display: none;

        width: 80%;
        padding: 12% 40% 0% 10%;
        color: white;
    }
    .fade2 {
        -webkit-animation: fade 3s 1 1s;
        -moz-animation: fade 3s 1 1s;
        -ms-animation: fade 3s 1 1s;
        -o-animation: fade 3s 1 1s;
        animation: fade 3s 1 1s;
        animation-fill-mode: forwards;
    }
    @keyframes fade {
        from {opacity: 1;}
        to {opacity: 0;}   
    } 
    
    /* imagem centrada - logo texto LL*/
    .center1{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 35%;
        padding-top: 28%;
    }
    /* imagem centrada - botao play */
    .center2{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 4%;
        padding-top:13%; 
    }
    .tituloslide2{
        display: block;
        text-align: center;
        color: white;
        margin-bottom: -13px;
        padding: 0px;
        line-height: normal;
        font-size:85px;
        padding-top:20%;
        font-weight:700;
    }
    .subtituloslide2{
        display: block;
        text-align: center;
        color: white;
        margin-bottom: -11px;
        padding: 0px;
        line-height: normal;
        font-size:42px;
        font-weight:500;
    }
    .resumoslide2{
      display: block;
        text-align: center;
        color: white;
        margin: 0px;
        padding: 0px;
        line-height: normal;
        width:48%;
        margin:auto;
        font-size:15px;
        padding-top:1%; 
    }
    .titulo{
        font-size:54px;
        font-weight:700;
        line-height: 50px;
    }
    .subtitulo{
        font-size:26px;
        font-weight:500;
        margin-top: -15px;
        line-height: 50px;
    }
    .row{
        margin: 0;
    }
    .destaquetitulo{
        margin:6% 0% 5% 10%;
    }
    .destaquetexto{
        line-height: 15px;
        font-weight: 600;
        margin:6% 5% 4% 5%;
        padding-top: 50px;
        padding:0px 50px;
        text-align: justify;
        font-size: 12px;
    }
    
    /* logo LL menu */
    .logomenu{
        width:205px; 
        padding:10px 23px 35px 16px;
    }
    .menuslogan{
        font-size:12px;
        color:#6a6a6a;
        padding:30px 0px 30px 45px;
    }
    .local{
        position: sticky;
        margin: 0% 17% 0% 12%;
        top: 2.5vh;
        height:33px;
        background-color:rgba(255, 255, 255, 0);
        border: 2px solid black;
        border-radius: 30px;
        z-index:+2;
    }
    .localtitulo{
        color:black;
        padding:0.9% 0% 0% 2%;
        font-size:15px;  
    }
    .branco{
        height:9.5vh;
        background-color:white;
        z-index:1;
    }
    /*branco modal produtos*/
    .branco2{
        height:33vh;
        background-color:white;
        z-index:1;
    }
    .brancomob{
        height:9.5vh;
        background-color:rgba(255, 255, 255, 0);
        z-index:1;
    }
    /*about us*/
    #mission{
        height: 100vh;
        background-color: white;
        padding: 0% 15% 0% 13%;
        text-align:center;
    }
    .missiontitle{
        font-size:350%;
        font-weight:700;
        padding-left:6%;
        padding-top:17%;
        margin-bottom:0px;
        text-align:left;
    }
    .missiontext{
        font-size:15px;
        padding:0.5% 10% 0% 6%;
        font-weight:500; color:Black;
        text-align:left;
    }
    #team{
        background-color: white;
        min-height:95vh;
        padding: 0% 10% 7% 10%;
        text-align:center;
    }
    .teamtitle{
        font-size:55px;
        font-weight:700;
        margin:0px;
        padding-top:8.5%;
        margin-bottom: -4px;
    }
    .founders{
        font-weight:400;
        font-size:26px;
        color:black;
        letter-spacing: 1px;
    }
    .foundersline{
        margin-top:10px;
        padding:0% 6%;
    }
    .foundersfoto{
        margin:1% 0% 0% 0%;
        padding:2%;
        text-align:left;
    }
    .founderimg{
        width:60%;
        height:auto;
    }
    .foundername{
        font-weight:700;
        margin:12px 0px 0px 0px;
    }
    .founderposition{
        font-size:15px;
        
    }
    .founderdescription{
        font-size:10px;
        font-weight:500;
        margin-bottom: 10px;
    }
    #prizes{
        background-color: white;
        min-height:70vh;
        padding: 6% 8% 15% 8%;
        text-align:center;
    }
    .prizetitle{
        font-size:75px;
        font-weight:700;
        margin-bottom:-1%;
        letter-spacing:8px;
    }
    .prizesubtitle{
        font-size:20px;
        font-weight:600;
        padding-left: 0%;
        margin-bottom:6%;
    }
    .prize{
        margin:1% 0% 0% 0%;
        padding:2%;
    }
    .prizeimg{
        width:40%; height:auto;
    }
    .prize1{
        font-weight:700; margin:20px 15px 0px 15px; text-align:left
    }
    .prizetext1{
        font-size:11px; padding:2px; margin:0px 15px 0px 15px; font-weight:500; text-align:left
    }
    .prize2{
        font-weight:700; margin:20px 5px 0px 5px; text-align:left
    }
    .prizetext2{
        font-size:11px; padding:2px; margin:0px 5px 0px 5px; font-weight:500; text-align:left
    }
    .prize3{
        font-weight:700; margin:20px 0px 0px 0px; text-align:left
    }
    .prizetext3{
        font-size:11px; padding:2px; margin:0px 5px 0px 0px; font-weight:500; text-align:left
    }
    .prize4{
        font-weight:700; margin:20px 0px 0px 0px; text-align:left
    }
    /* Pagina treatments*/
    .nutricion{
        height: 100vh;
        background-image:url(Treatments_tablet.jfif);
        background-size:cover;
        /*background-attachment: fixed;*/
        background-position:left;
    }
    .nutriciontitle{
       font-size:60px;
        font-weight:700;
        padding-left:8%;
        padding-top:18%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutricionsubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:8%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutriciontext{
        font-size:18px;
        padding:5% 15% 5% 8%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .nutriciontitle2{
       font-size:60px;
        font-weight:700;
        padding-left:8%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutricionsubtitle2{
        font-size:28px;
        font-weight:500;
        padding-left:8%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutriciontext2{
        font-size:18px;
        padding:3% 15% 5% 8%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .nutriciontitle3{
       font-size:60px;
        font-weight:700;
        padding-left:8%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .nutricionsubtitle3{
        font-size:28px;
        font-weight:500;
        padding-left:8%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .nutriciontext3{
        font-size:18px;
        padding:3% 15% 5% 8%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .bookbutton{
        margin-left:8%;
        margin-top: 5%;
        background-color:rgb(255,176,176);
        border: none;
        color: #1d1d1d;
        padding: 7px 16px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 12px;
    }
    .bookbutton:hover{
        color: white;
        background-color:rgb(244, 141, 141);
        
    }
    .bookbutton2{
        margin:0% 2% 4% 8%;
        background-color:rgb(255,176,176);
        border: none;
        color: #343434;
        padding: 5px 14px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 15px;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        outline: none;
        background-color:rgb(252, 156, 156);
        color: white;
    }
    .bookbutton2:hover{
        background-color:rgb(252, 156, 156);
        color: white;
    }
    .bookbutton3{
        margin-left:6%;
        background-color:rgb(114, 255, 168);
        border: none;
        color: black;
        padding: 5px 14px;
        text-align: center;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        font-size: 15px;
    }
     .bookbutton3:hover{
        color: white;
        background-color:rgb(109, 240, 159);  
    }
     .bookbutton4{
        background-color:rgb(114, 255, 168);
        margin:3%;
        border: none;
        color: #1d1d1d;
        padding: 4px 7px;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        display: inline-block;
        font-size: 10px;
    }
    .bookbutton4:hover{
        color: white;
        background-color: rgb(109, 240, 159); 
    }
    .bookbutton5{
        margin-left:2%;
        background-color:rgb(114, 255, 168);
        border: none;
        color: black;
        padding: 5px 14px;
        text-align: center;
        text-decoration: none;
        font-weight: 400;
        display: inline-block;
        font-size: 16px;
    }
    .bookbutton5:hover{
        color: white;
        background-color: rgb(109, 240, 159);
    }
    a.details{
        float:right;
        font-size:80%;
        font-weight:500;
        color:#363636;
        text-decoration:none;
    }
    a.details:hover{
        color: black;
        font-weight: 600; 
    }
    .modal-title{
        font-weight: 700;
    }
    .formulation{
        position: fixed;
        width: 100%;
        z-index:2;
    }
    .formulationimg{
        position: fixed;
        z-index:2;
        margin-top:10%;
        padding-left:4%;
    }
    .formulationtest{
        position: fixed;
        z-index:2;
        margin-top:27%;
        padding-left:2%;
    }
    .formulationtitle{
       font-size:60px;
        font-weight:700;
        padding-left:3%;
        padding-top:5%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;  
    }
    .formulationsubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:3%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .formlist{
        padding:30% 1% 10% 10%;
    }
    .box{
        margin: 10% 10% 1% 15%;
        border: 3px solid black;
        border-radius: 10px;
        padding: 10px;
    }
    .description{
        font-size:18px; font-weight:700; padding:5%; text-align:center;
    }
    .boxtitle{
        font-size:13px; font-weight:700; padding:5px 5px 0px 5px; text-align:left; margin:0px;
    }
    .boxtext{
        font-size:12px; padding:0px 5px 0px 5px; font-weight:500; margin-bottom:3%; color:Black; text-align:left;
    }
    .facerejuvenation{
        height: 100vh;
        background-image:url(results4.jpg);
        background-size:cover;
        background-repeat: no-repeat;
        background-position:center;
    }
    .skinfillpart{
        height: 100vh;
        background-image:url(radio.jpg);
        background-size:cover;
        background-repeat: no-repeat;
        background-attachment:fixed;
        background-position:right; 
    }
    .results{
        height: 100vh;
        background-color: white;
    }
    .resultstitle{
        font-size:50px;
        font-weight:700;
        padding-left:20px;
        padding-top:10%;
        margin-bottom:0px;
        text-align:left;
    }
    .resultsubtitle{
        font-size:20px;
        font-weight:400;
        padding-left:20px;
        padding-top:0%;
        margin-bottom:12%;
        text-align:left;
    }
    /* Comparasion sliders */
    .comparar{
        margin: 15% 0% 0% 0%;
    }
    #comparison{
        margin-left:2%; margin-top: 5%;
    }
    #comparison2{
        max-height:60vh; max-width:100%; display:none; margin-top: 5%;
    }
    #comparison3{
        max-height:60vh; max-width:100%; display:none; margin-top: 5%;
    }
    div#comparison {
      width: 90vw;
      height: 45vh;
      max-width: 100%;
      max-height: 100%;
      overflow: hidden; }
    div#comparison figure { 
      background-image: url(4.png); 
      background-size: cover;
      position: relative;
      font-size: 0;
      width: 100%; 
      height: 100%;
      margin: 0; 
    }
    div#comparison figure > img { 
      position: relative;
      width: 100%;
    }
    div#comparison figure div { 
      background-image: url(5.png);
      background-size: cover;
      position: absolute;
      width: 50%; 
      overflow: hidden;
      bottom: 0;
      height: 100%;
    }   
    /* camparasion2 */
    div#comparison2 { 
      width: 70vw;
      height: 45vh;
      max-width: 100%;
      max-height: 100%;
      overflow: hidden; }
    div#comparison2 figure { 
      background-image: url(1.jpg); 
      background-size: cover;
      position: relative;
      font-size: 0;
      width: 100%; 
      height: 100%;
      margin: 0; 
    }
    div#comparison2 figure > img { 
      position: relative;
      width: 100%;
    }
    div#comparison2 figure div { 
      background-image: url(b.jpg);
      background-size: cover;
      position: absolute;
      width: 50%; 
      overflow: hidden;
      bottom: 0;
      height: 100%;
    }
    /* camparasion3 */   
    div#comparison3 { 
      width: 45vw;
      height: 60vh;
      max-width: 100%;
      max-height: 100%;
      overflow: hidden; }
    div#comparison3 figure { 
      background-image: url(c.jpg); 
      background-size: cover;
      position: relative;
      font-size: 0;
      width: 100%; 
      height: 100%;
      margin: 0; 
    }
    div#comparison3 figure > img { 
      position: relative;
      width: 100%;
    }
    div#comparison3 figure div { 
      background-image: url(d.jpg);
      background-size: cover;
      position: absolute;
      width: 50%; 
      overflow: hidden;
      bottom: 0;
      height: 100%;
    }
    /* comparasion slider */
        input[type=range]{
      -webkit-appearance:none;
      -moz-appearance:none;
      position: relative;
      top: -2rem; left: -2%;
      background-color: rgba(255,255,255,0.1);
      width: 102%; 
    }
    input[type=range]:focus { 
      outline: none; 
    }
    input[type=range]:active { 
      outline: none;  
    }
    input[type=range]::-moz-range-track { 
      -moz-appearance:none;
        height:15px;
        width: 98%;
        background-color: rgba(255,255,255,0.1); 
        position: relative;
        outline: none;    
     }
    input[type=range]::active { 
      border: none; 
      outline: none;
    }
    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance:none;
        width: 20px; height: 15px;   
        background: #fff;
        border-radius: 0;
       }
    input[type=range]::-moz-range-thumb {
      -moz-appearance: none;
      width: 20px;
      height: 15px;
      background: #fff;
      border-radius: 0;
         }   
    input[type=range]:focus::-webkit-slider-thumb {
        background: rgba(255,255,255,0.5);
       }
    input[type=range]:focus::-moz-range-thumb {
        background: rgba(255,255,255,0.5);
       }
    /* slider2*/
    .products{
        height: 100vh;
    }
    .consumablesline{
        margin:1% 20% 2% 20%;
        text-align:center;
    }
    .consumablefig{
        width:75%;
        height:auto;
        margin-bottom:4%;
    }
    .consumablefig2{
        width:75%;
        height:auto;
        margin-bottom:4%;
    }
    .consumablename{
        font-weight:600;
        margin:26px 0px 0px 0px;
        text-align:center;
    }
    .consumable{
        padding-top: 41%;
        margin: 0% 7% 0% 0%;
        text-align:center;
    }
    .consumable2{
        text-align:center;
    }
    .consumable:hover{
        -webkit-transform: scale(1.2);
	   transform: scale(1.2);
    }
    .consumable2:hover{
        -webkit-transform: scale(1.2);
	   transform: scale(1.2);
    }
    .consumable .legend{
        visibility: hidden;
        opacity: 0;
    }
    .consumable2 .legend{
        visibility: hidden;
        opacity: 0;
    }
    .consumable:hover .legend{
        visibility: visible;
        opacity: 1;
    }
    .consumable2:hover .legend{
        visibility: visible;
        opacity: 1;
    }
    .modal-body{
        padding:1% 8%;
    }
    .center{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .equipment{
        height: 100vh;
        background-image:url(maquina.jpg);
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
    }
    .equipment2{
        height: 100vh;
        background-image:url(maquina2.jpg);
        background-size:contain;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position:right;
    }
    .equipmenttext{
        font-size:15px;
        padding:10px 20px 15px 26px;
        font-weight:400;
        color:Black;
        text-align:left;
    }
    .equipmenttitle{
        font-size:60px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
        
    }
    .equipmentsubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
     .consumablesitle{
        font-size:60px;
        font-weight:700;
        padding-left:8%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .consumablesubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:8%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .gctitle{
        font-size:46px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 45px;
    }
    .gcsubtitle{
        font-size:30px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:10px;
        text-align:left;
    }
    .textgc{
        font-size:12px;
        padding:0px 10px 0px 20px;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .sciencetitle{
        font-size:46px;
        font-weight:700;
        padding-left:6%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 45px;
    }
    .sciencesubtitle{
        font-size:30px;
        font-weight:500;
        padding-left:6%;
        padding-top:0%;
        margin-bottom:10px;
        text-align:left;
    }
    .textscience{
        font-size:12px;
        padding:0px 10px 0px 20px;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .scienceimg{
        margin: 22% 0% 0% 0%;
        padding: 0%;
    }
     #piezo{
        width:75%;
        height:75%;
        margin: 14% 0% 16% 13%;
    }
    .game{
        height: 100vh;
        background-image:url(conversores3.jpg);
        background-size:cover;
        background-attachment: fixed;
        background-position:right;
    }
    .machinetitle{
        font-size:46px;
        font-weight:700;
        padding-left:4%;
        padding-top:18%;
        margin-bottom:0px;
        text-align:left;
        line-height: 36px;
    }
    .machinesubtitle{
        font-size:40px;
        font-weight:500;
        padding-left:4%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:20px;
        text-align:left;
    }
    .machinetext{
        font-size:13px;
        padding:0% 12% 0% 4%;
        font-weight:500;
        color:Black;
        text-align:left;
    }
    .contact{
        height: 100vh;
        background-color: white;
        background-size:cover;
        background-attachment: fixed;
        background-position:right;
    }
     .contacttitle{
        font-size:50px;
        font-weight:700;
        padding-left:2%;
        padding-top:15%;
        margin-bottom:0px;
        text-align:left;
        line-height: 55px;
    }
    .mail{
        margin: 4% 11% 0% 0%;
    }
    .contactsubtitle{
        font-size:28px;
        font-weight:500;
        padding-left:2%;
        padding-top:0%;
        margin-top:1%;
        margin-bottom:0px;
        text-align:left;
    }
    .technology{
        background-color: white;
        height: 100vh;
    }
    #myVideo {
        object-fit: cover;
        position:absolute;
        right: 0;
        top:0;
        width: 100%; 
        max-height:auto;
    }
    #myVideo2 {
        object-fit: cover;
        position:absolute;
        left:-18%;
        top: 100vh;
        width:100vh;
        height:auto;
    }
    video{
  object-fit:cover;
    }
}