/*
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 : 19-06-2019, 04:06:35 PM
    Author     : Soluciones
*/
@import url('./colors.css');

.box-banner
{
    height: 30vh; 
    overflow: hidden; 
    padding: 0;
    background: url(../img/banner_etika.jpg); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.box-banner > div{
    height: inherit;
}
.banner{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 80%;
}
.masc-banner{
    width: 100%;
    height: 30vh; 
    position: absolute;
    background: var(--azul);
    top: 0;
    opacity: .6;
}
.logo{
    width: 100%;
}
.img-100
{
    width: 100%;
}
.sin-padding{
    padding: 0;
}
/*para los input*/
.input-etika
{
    border: 0;
    border-bottom: 1px solid var(--azul);
    width: 100%;
    border-radius: 0;
    margin: 10px 0;
}
.input-linea
{
    border: 0;
    border-bottom: 1px solid var(--azul);
    border-radius: 0;
    margin: 10px 0;
}


@media screen and (max-width:520px){
    .box-banner,.masc-banner
    {
        height: 20vh; 
    }
}