body{
overflow-y: hidden;


}

#col1{

    
    height: 7em;
   
    

}

#col2{

  
  height: 6em;
 
  
}

#col3{

  
  height: 11em;
  

}

#col4{

  
  height:8em;
 

}


#col5{

  
  height: 8rem;
  

}

#col6{

  
  height: 8em;
  

}

#col7{

  display:flex;
  height: 9em;
  z-index: 3;
  text-align: left;
  align-items: center;
  

}


#col8{

  
  height: 4em;
  

}

html{

  width: 100%;
  min-height: 100%;
  overflow-x:hidden;
	
  
  

}



body {
  
  width: 100%;
  min-height: 100%;
  margin:0;


	
  border: 1px solid black;
}

  .ml10  {
    font-family: 'Arial Rounded MT Bold Regular';   
    font-weight:900;
    font-size: 4.2rem;
    letter-spacing: 0.2rem;
    margin: auto;
    color:white;
    top: 0.2rem;
    position: relative;
    z-index: 8 ;
    width: 100%;
    
  }
  
  .ml10  .text-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 0.2em;
    padding-right: 0.05em;
    padding-bottom: 0.1em;
    overflow: hidden;
    
  }
  
  .ml10  .letter {
    display: inline-block;
    
    line-height: 1em;
    transform-origin: 0 0;
  }

  
  .ml11  {
    font-family: 'Arial Rounded MT Bold Regular';   
    font-weight:900;
    font-size: 4.61rem;
    text-align:right;
    margin: auto;
    color:white;
    left:55rem;
    position: relative;
    z-index: 8 ;
    
    
    
  }
  

 
/* logo*/



.logo-img
{
	position: absolute;
  width: 80%;
  height: 80%;
	top: 10%;
	left: 10%;
	opacity:0.9;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
 
	
}
.logo-img:hover
{
	opacity:0.9;
	cursor: pointer
	
}
.logo-img:empty
{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}









/*intro */



i{

 
  
  
  font-size:4rem;
  /* top:79%;
  left: 5%; */
  cursor: pointer;
  z-index:10;
  opacity:0.85;
  color: black;
  
  
} 

input{
  font-family: 'Arial Rounded MT Bold Regular'; 
  width: 100%;
  height: 7.9rem;
  background-color:rgb(251, 176, 65);
  font-size: 4rem;
  color:rgba(90, 74, 66);
  border: none;
  font-weight: bold;
  
  

}


input:focus{

  outline:none;
  
}

input::placeholder{

font-family: 'Arial Rounded MT Bold Regular'; 
color: white;
font-weight: bold;



}

.newslettersdesktop {


  display: flex;
  
  align-items: center;
  justify-content:center;

}




#emailSend {

 
  background-color: WHITE;
  font-family: 'Arial Rounded MT Bold Regular'; 
  width:20%;
  height:6rem;
  border:none;
  font-size:2.5rem;
  font-weight:bold;
  color:rgb(251, 176, 65);
  border-radius:50px;
  cursor:pointer;
  
  
}

button:focus {
  
  outline:none;

}
 
button:hover {

  transform:scale(1.02)



}

    #son{
      position: relative;
font-family:'Arial Rounded MT Bold Regular';
color:  black;

    }

       #Message{
      position: relative;
font-family:'Arial Rounded MT Bold Regular';
color: black;

    }
 


#PLH {

  
  margin: 0;

}

.iconemutedesktop {

 margin-left: 5rem;
color: white;

}

.iconemutemobil {

  color:white;
  display:none;

}


button{

  text-decoration: none;

}


.connectionButton{

display: block;
position: relative;
left: 2rem;
text-decoration: none;



}

a{

  text-decoration: none;
  color: rgb(251, 176, 65);

}

#Connection {

  text-decoration: none;
  background-color: WHITE;
  font-family: 'Arial Rounded MT Bold Regular'; 
  width:20%;
  height:6rem;
  border:none;
  font-size:2rem;
  font-weight:bold;
  color:rgb(251, 176, 65);
  border-radius:50px;
  cursor:pointer;
  text-decoration: none;
  
  


}


 @media screen and (max-width:1900px){

  .ml10{

    font-size: 3.7rem;

  }

  .ml11 {

    font-size: 3.7rem;

  }


}

@media screen and (max-width:1700px){

  .ml10{

    font-size: 3.7rem;

  }

  .ml11 {

    font-size: 3rem;
    left:48rem;

  }


} 

@media screen and (max-width:1520px){

  .ml10{

    font-size: 3rem;

  }

  .ml11 {

    font-size: 2.6rem;
    left:25rem;

  }


  input::placeholder{

    font-size: 3.2rem;


  }

  @media screen and (max-width:1062px){

    .ml10{
  
      font-size: 2.6rem;
  
    }
  
    .ml11 {
  
      font-size: 2.2rem;
      left:15rem;
  
    }
  
  
    input::placeholder{
  
      font-size: 2.5rem;
  
  
    }
  




} 








@media screen and (max-width:768px){

  .ml10{

    font-size: rem;
    top:18rem;
  }


  #col7{

   
    height: 7rem;
    z-index: 3;
    text-align: center;
    align-items: center;
    
  
  }

#PLH {

  display:inline-block;
  width:100%;
  margin:0;
  text-align: center;
  align-items: center;
  
  
}

#Connection
{

position: relative;
top: 150PX;
width: 40%;

}

  .ml11 {

    display:inline-block;
    width:100%;
    margin:0;
    text-align: center;
    font-size: 1.7rem;
    left:0rem;
    bottom: 9rem;
    

  }


  .letters2{

    position: absolute;
    display:inline-block;
    left:-170px;
    width: 100%;
   

  }



  .newslettersdesktop{

    flex-direction: column;
    

  }

  .newslettersdesktop input{

    margin-top:3rem;

  }





  input{

    font-size: 1.4rem;


  }

  input::placeholder{

    font-family: 'Arial Rounded MT Bold Regular'; 
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    
    
    
    }


 
  .newslettersdesktop button {

  
  display: inline-block;  
  background-color: WHITE;
  font-family: 'Arial Rounded MT Bold Regular'; 
  width:80%;
  height:3rem;
  border:none;
  font-size:2.5rem;
  font-weight:bold;
  color:rgb(251, 176, 65);
  border-radius:50px;
  cursor:pointer;
  margin-top: 0.5rem;
  


}

.iconemutedesktop{

  align-items: center;

  text-align: center;
  display:none;
  
 
 }
 

 .iconemutemobil {

  display:inline-block;
  text-align:center;
  width: 100%;
  
  

}


.iconemutemobil .fas {

  display:inline-block;
  /* position: absolute; */
  color: grey;
  /* left: 46%;
  top:134%; */
  font-size: 3rem;
  margin-top: 1rem;;
  
 
 }


#son{
  display:inline-block;
  width:100%;
  margin:0;
  text-align: center;
  align-items: center;
  
  font-family: 'Arial Rounded MT Bold Regular'; 
  font-size:2rem;
}

#Message{
  display:inline-block;
  width:100%;
  margin:0;
  text-align: center;
  align-items: center;
  
  font-family: 'Arial Rounded MT Bold Regular'; 
  font-size:2rem;
}


.logo{





  
  
 
  

}

 .logo-img
{
	
  padding:-13rem;  
  

	
	opacity:1;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
  object-fit: scale-down;
  z-index: 3;
	
}
 
.logo-img:empty
{
	top: 16%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  z-index: 3;
}


#emailSend{
  width:40%;
  height:4rem;
  font-size:2rem;
}

}


@media screen and (max-width:500px){

  .ml10{

    font-size: rem;
    top:18rem;
  }


  #col7{

   
    height: 7rem;
    z-index: 3;
    text-align: center;
    align-items: center;
    
  
  }

#PLH {

  display:inline-block;
  width:100%;
  margin:0;
  text-align: center;
  align-items: center;
  
  
}

#Connection
{

position: relative;
top:-200px;
width: 60%;

}

  .ml11 {

    
    width:100%;
    margin:0;
    text-align: center;
    font-size: 1.7rem;
    left:10rem;
    bottom: 9rem;
    

  }


  .letters2{

    display:none;
    position: absolute;
    display:inline-block;
    left:-50px;
    width: 15%;
   

  }



  .newslettersdesktop{

    position: relative;
    flex-direction: column;
    top:-55px;

  }

  .newslettersdesktop input{

    margin-top:3rem;

  }





  input{

    font-size: 1.4rem;


  }

  input::placeholder{

    font-family: 'Arial Rounded MT Bold Regular'; 
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    
    
    
    }


    #son{
      position: relative;
top: 65px;


    }

       #Message{
      position: relative;
top: 65px;


    }
 
  .newslettersdesktop button {

  
  display: inline-block;  
  background-color: WHITE;
  font-family: 'Arial Rounded MT Bold Regular'; 
  width:80%;
  height:3rem;
  border:none;
  font-size:2.5rem;
  font-weight:bold;
  color:rgb(251, 176, 65);
  border-radius:50px;
  cursor:pointer;
  margin-top: 0.5rem;
  


}

.iconemutedesktop{

  
  align-items: center;
  
  text-align: center;
  display:none;
  
 
 }
 

 .iconemutemobil {

  position: relative;
  display:inline-block;
  text-align:center;
  
  top: 80px;
 
  

}


.iconemutemobils {

  display:inline-block;
  /* position: absolute; */
  color: grey;
  /* left: 46%;
  top:134%; */
  font-size: 2rem;
  margin-top: 1rem;;
  
 
 }




i{

   height: 70%;
  width: 70%;
}


.logo{


position: absolute;
  width: 80%;
  height: 80%;

top: 10%;
  

 
  

}

 .logo-img
{
	
  
  

	
	opacity:1;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
  object-fit: scale-down;
  z-index: 3;
	
}
 
.logo-img:empty
{
	top: 16%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  z-index: 3;
}


#emailSend{
  width:60%;
  height:4rem;
  font-size:2rem;
}

}}