header{
    padding: 5px; z-index: 999; background: #5bd4bb; position: absolute; top: 0px; width: 100%;
}
#logo{
    min-height: 40px; max-height: 40px; width: auto;
}
#homer{
    min-width: 100%; height: auto;
}
#Text1{
   font-size: 52px; 
}

#Text2{
   font-size: 22px; 
}
#Poss{
  margin-top: -250px;
   margin-bottom: -50px;
}
#Bas{
    min-width: 120px; height: auto;
}
#footer{
  width: 100%; background: url(../images/bg.svg) no-repeat; background-position: top center; background-size: 100% auto; border-top: 5px solid #5bd4bb;  
}

#CamposAfiliados {
    display: block;
}
#CamposAfiliados2 {
    display: none;
}
#Contactos{
    font-size: 16px;
}

#Contactos .Icon{
   padding: 5px; width: 25px;
}

#Contactos h1{
  font-size: 22px;
  margin: 3px;
}
#Text3{
  margin-top: -100px;  
}


@media (max-width: 1024px) {
 
} 
@media (max-width: 991px) {
 
}  
@media (max-width: 720px) {
  #logo{
    min-height: 28px; max-height: 28px; width: auto;
}
#Text1{
   font-size: 52px; 
}
#Bas{
    min-width: 100px; height: auto;
}
#Poss{
    margin-top: -100px;
}

#footer{
  width: 100%; background: url(../images/bg.svg) no-repeat; background-position: top center; background-size:  auto 100%; border-top: 5px solid #5bd4bb;  
}
#Text3{
  margin-top:  50px;  
}
} 
@media (max-width: 661px) {
  #logo{
    min-height: 28px; max-height: 28px; width: auto;
}
#Text1{
   font-size: 32px; 
}
#Bas{
    min-width: 60px; height: auto;
}
#Poss{
    margin-top: -60px;
}

#footer{
  width: 100%; background: url(../images/bg.svg) no-repeat; background-position: top center; background-size:  auto 100%; border-top: 5px solid #5bd4bb;  
}
#Text3{
  margin-top:  50px;  
}
} 
@media (max-width: 520px) {
  #logo{
    min-height: 28px; max-height: 28px; width: auto;
}
#Text1{
   font-size: 32px; 
}
#Bas{
    min-width: 60px; height: auto;
}
#Poss{
    margin-top: -60px;
}
#Text2{
   font-size: 28px;   
}
#footer{
  width: 100%; background: url(../images/bg.svg) no-repeat; background-position: top center; background-size:  auto 100%; border-top: 5px solid #5bd4bb;  
}
#Text3{
  margin-top:  50px;  
}
} 
@media (max-width: 441px) {
  #logo{
    min-height: 28px; max-height: 28px; width: auto;
}
#Text1{
   font-size: 32px; 
}
#Bas{
    min-width: 50px; height: auto;
}
#Poss{
    margin-top: -20px;
}
#Text2{
   font-size: 22px;   
}
#CamposAfiliados {
    display: none;
}
#CamposAfiliados2 {
    display:block ;
}
#Contactos{
    font-size: 16px;
}
#Contactos h1{
    font-size: 18px;
}
#Contactos .Icon{
   padding: 5px; width: 35px;
}
#footer{
  width: 100%; background: url(../images/bg.svg) no-repeat; background-position: top center; background-size:  auto 100%; border-top: 5px solid #5bd4bb;  
}

#Text3{
  margin-top:  50px;  
}

}
@media (max-width: 380px) {
 #logo{
    min-height: 28px; max-height: 28px; width: auto;
}
 
#Text1{
   font-size: 28px; 
}
#Poss{
    margin-top: -20px;
}
#Text2{
   font-size: 22px;   
}
#Contactos{
    font-size: 16px;
}
#Contactos h1{
    font-size: 18px;
}
#Contactos .Icon{
   padding: 5px; width: 35px;
}

#footer{
  width: 100%; background: url(../images/bg.svg) no-repeat; background-position: top center; background-size:  auto 100%; border-top: 5px solid #5bd4bb;  
}
#Text3{
  margin-top: 50px;  
}

}