*{box-sizing: border-box;}

html, body, header, main, .navbar, footer{width: 100%;}
body{
    height: auto;
   
    font-family: 'Alatsi', sans-serif;
}

#ws{
    width: 40px;
    height: auto;
    position: absolute;
    left: 5%;
    bottom: 30px;
    z-index: 10;
    position: fixed;
    cursor: pointer;
  }

#ws img{
    width: 100%;
    height: auto;}

#marca{
    width: 25px;
    height: auto !important;
    right: 150px !important;
    position: relative;
    
}

#marca img{width: 100%;
     height: auto;}



.navbar{
    position: absolute;
    top: 0.1px;
    height: auto;
    right:  .5px !important;
}

header{margin-top: 55px !important;
    height: 250px;
    background-color: #ccc;
    background-image: url(../imagenes/pas.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    
}

/**header{
    margin-top: 50px !important;
    height: 260px !important;
    margin-bottom: 1px !important;
    background-color: white;
    background-image: url(../imagenes/pas.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    
} **/

footer{
    height: 280px;
    background-color: white;
    padding-top: 5px !important;
    background-position: center ;
}

/** tablet **/

@media screen and (orientation:landscape){
    header{background-color: rgb(0, 211, 134);important}
   
}


@media screen and (min-width:420px) and (max-width: 519px){
    header{margin-top: 70px; height: 350px;}
}
@media screen and (min-width:520px) {
    header{margin-top: 70px; height: 450px;}
}
@media screen and (min-width:728px) {
    header{margin-top: 80px; height: 500px;}
}

@media screen and (min-width:768px) {
    header{margin-top: 90px; height: 950px;}
}