*, *:before, *:after{  
  box-sizing: border-box;  
  margin: 0;  
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}


h1.titulo{
  font-size: 0px;
  margin: 0px;
}
body {background: #FFF; }
ul { list-style-type: none; }
a { text-decoration: none }
h1, h2, h3, h4{ font-family: 'Montserrat', sans-serif;}
p { font-family: 'Open Sans', sans-serif;}
a:focus, a:active:focus, a.active:focus, input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
    outline-style: none;
    outline-width: 0px;
    outline-color: #ccc;
    outline-offset: 0;
    text-decoration: none;
}
a:hover{   text-decoration: none;}
textarea {    resize: none;}




.main-container {   
 padding-top: 0px;    
 padding-bottom: 0px;
 background: #3e3e3e url('../img/bk-2.jpg');
 min-height: 100vh;
 background-size: cover;
 color: white;
}
.main-container .contenido img{
  display: block;
  /*width: 112px;*/
  margin-top: 30px;
}
.main-container .contenido h2{
  text-align: center;
  font-size: 28px;
  font-weight: 300;
}
.main-container .contenido{
  height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  /* height: calc(var(--vh, 1vh) * 100); */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0px;
}
.main-container .contenido .flex-info.left{
  text-align: left;
}
.main-container .contenido .flex-info.right{
  text-align: right;
}
.main-container .contenido .flex-info{
  display: flex;
  flex-direction: column;
}
.main-container .contenido .flex-info a{
  color: white;
  font-family: 'Montserrat', sans-serif;
  margin: 0px;
  font-size: 14px;
}
.header img{
  margin: auto;
  display: block;
}
.header h2{
  margin-top: 20px;
  font-size: 16px!important;
}
.header{
  display: flex;
  width: 100%;
  flex-direction: column;
}
.info{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.info h1{
  font-size: 20px;
}


.relative { position: relative;}
.fixed { position: fixed;}
.no-paddings{ padding: 0px!important}
.textWhite{ color: white;}

div.halfRight, div.halfLeft {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  float: left;
}
div.halfLeft {
  padding-right: 17px;
}
div.halfRight{
	padding-left: 17px;
}


@media screen and (min-width: 992px) and (max-width:1200px){

}

@media screen and (min-width:768px) and (max-width: 992px){

}

@media screen and (min-width:767px){

}

@media screen and (max-width:767px){

  .main-container .contenido img{
    width: 280px;
    padding-left: 0px;
    margin-top: 5px;
  }
  .main-container .contenido{
    padding: 20px 10px;
  }
  .main-container .contenido .flex-info{
    flex-direction: column;
    margin-top: 20px;
    text-align: center!important;
  }
  .main-container .contenido .flex-info a{
    margin: 0px 0px 0px 0px;
    font-size: 12px;
  }
  .info{
    flex-direction: column;
    padding-bottom: 30px;
  }
  .main-container .contenido > h2{
    font-size: 18px;
  }
  .main-container .contenido .flex-info h1{
    margin-bottom: 0px;
    font-size: 14px;
  }
  .header h2{
    font-size: 14px!important;
  }
}