*{
    margin: 0rem;
    padding: 0rem;
    text-decoration: none;
}

video {
    width: 100%;
    height: auto;
}



header p {
    width: 20%;
    position: relative;
    top: -600px;
    left: 500px;
}


header h2 a{
    position: relative;
    top: -720px;
    background-color: rgba(84,179,157,0.5);
    padding: 0.5rem;
    
}

header h2 {
  text-align: center;
  font-family:"coming soon"; 
  color: white;
  font-size: 20px;
  letter-spacing: 1rem;
  
}

h3 span{
    text-align: center;
    color:white;
    font-family: 'Pontano Sans';
    text-decoration:none;
}

h3 a{
    background-color:rgba(84,179,157,0.5); 
    padding: 0.2rem;
    position: relative;
    top: -600px;
    left: 540px;
    text-align: center;
}



h3 a:hover {
    background-color: #6CD8BC;
}

footer{
    background-color: #54B39D;
    color: #fff;
    padding: 2rem;
    text-align: center;
    font-family: 'Pontano Sans';
    position: relative;
    top:-450px;
}

footer span{
    font-size: 12px;
    color: #fff;
}





@media screen and (min-width:320px){
    
      header a p img{
    width: 70%;
} 
    
    header p {
    position: relative;
    top: -150px;
    left: 150px;
}
    
    
    header h2 {
    font-size: 10px;
    letter-spacing: 0.2rem;
}   
    
    
    header h2 a {
    top: -180px;
    padding: 0.2rem;
}   
    
    h3 a {
    padding: 0rem;
    top: -150px;
    left: 130px;
    text-align: center;
}  
    h3 span {
    font-size: 10px;
}   
    
    footer{
    padding: 0.2rem;
    top:-130px;
}
    
    
    footer p {
    max-width: 100%;
    font-size: 8px;
}   
    
    footer span {
    font-size: 6px;
    color: #fff;
    text-align: justify;
}
    
    
}



@media screen and (min-width:600px){
    
      header a p img{
    width: 70%;
} 
    
    header p {
    top: -270px;
    left: 250px;
}
    
    
    header h2 {
    font-size: 15px;
    letter-spacing: 0.5rem;
        top: 40;
    position: relative;
}   
    
    
    header h2 a {
    top: -360px;
    padding: 0.2rem;
}   
    
    h3 a {
    padding: 0rem;
    top: -270px;
    left: 240px;
}  
    h3 span {
    font-size: 12px;
}   
    
    footer{
    padding: 0.2rem;
    top:-200px;
}
    
    
    footer p {
    font-size: 12px;
}   
    
    footer span {
    font-size: 10px;
    color: #fff;
    text-align: justify;
}
    
    
}


@media screen and (min-width:800px){
    
      header a p img{
    max-width: 70%;
} 
    
    header p {
   top: 80px;
    left: 340px;
    position: absolute;
}
    
    
    header h2 {
    font-size: 15px;
    letter-spacing: 0.5rem;
    top: 40;
    position: relative;
}   
    
    
   
    
    h3 a {
    padding: 0rem;
    top: -250px;
    left: 350px;
}  
    
    
    footer{
    padding: 0.5rem;
    top:-138px;
}
    
    
    
}



@media screen and (min-width:900px){
    
      header a p img{
    max-width: 70%;
} 
    
    header p {
    top: -550px;
    left: 550px;
    position: relative;
}
    
    
    header h2 {
    font-size: 20px;
    letter-spacing: 1rem;
    top: -280;
    position: relative;
}   
    
    
   
    
    h3 a {
    padding: 0.3rem;
    top: -530px;
    left: 580px;
   
}  
    
    h3 span{
   
    font-size: 15px;
}  
    
    footer{
    padding: 2rem;
    top:-390px;
}
    
     footer p {
    font-size: 13px;
}   
    
    footer span {
    font-size: 10px;
    color: #fff;
    text-align: justify;
}
    
    
    
    
}