/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 25-jul-2017, 11:51:56
    Author     : Isabel
*/
/* For width 1275px and larger: */
@media only screen and (max-width: 1275px) {
    .imgIndex{
      background-image: url(../img/index-responsive.jpg);
    }
    .logo{
        width: calc(100vw*0.4);
    } 
    .marca1{
        width:40%;
    }
    .marca2{
      width:60%;
    }
    .marca3{
        width:46%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .btnInicio {
      font-size: 1.1em;
       padding: 15px 20px;
    }
}
@media only screen and (max-width: 992px) {
    .logo{
       /* width: calc(100vw*0.5);*/
       width: 54%;
       margin-left: 0px;
    } 
    .logo-container{
        text-align: center;
     }
    .cardRegistro {

       min-height: 230px;
   }
   .containerRegistro {     
      text-align: left;
      font-size: 0.8em;
      }
    .containerHelp{
      text-align: center;
    }
   .iconWpforms{
    font-size: 100px;
    }
    .imgIndex{
     height: 650px;
    }
   .imgRegistro{
        height: 650px;
    }

}
@media only screen and (max-width: 768px) { 
    .logo{
        width: 64%;
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .linea_amarilla_con_negro{
        display:none;
    }
    .franja-amarilla{
        background-image: url(../img/franja_rallas.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 32px;
    }
    .franja_rallas_help{
        display:none;
    }
    .franja_help{
        background-image: url(../img/franja_rallas.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 30px;
    }
    .imgIndex{
        height: 470px;
    }
    .imgRegistro{
        padding-top: 50px;
        height: 470px;
    }
    .cardRegistro {
       margin-bottom: 30px;
       margin-left:50px;
       margin-right: 50px;
       min-height: 100px;
       padding: 10px 0px;
   }
   .containerRegistro {     
      text-align: center;
      font-size: 0.8em;
      margin-top: 10px;
    }
   .h3Form{
    padding: 5px 0px;
    }
   .iconWpforms{
    font-size: 100px;
    }
    .spanNav{
        left: 130px;
        top:20%;
    }
    .logoHelp{
        width: calc(100vw*0.5);
    }
    .marca2_help{
        padding-top: 0px;
    }
    #contacto{
        height: 1000px;
        padding-top: 40px;
    }
}
 /* For width 500px and larger: */
@media only screen and (max-width: 500px) {
  .imgIndex{
    background-image: url(../img/index-mini-responsive.jpg);
  }
  .indexTitulo{
      padding-top: 0px;
  }
   .marca1{
        width:50%;
    }
    .marca2{
      width:80%;
    }
    .marca3{
        width:54%;
    }
}