/**** COLOR ****/
/*Azul principal: #033c6d;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

html{position: relative;min-height: 100%;min-width: 350px;}
body{margin-bottom: 45px; font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
hr{width:25%; border-top: 1px solid #ccc; margin: 15px 0 15px; text-align: left;}
a:hover{text-decoration: none;}
.white-bg{background: #fff;}
.vertical-align {
    display: flex;
    align-items: center;
}
.img-center {
    margin: 0 auto;
}

/**** HEADER ****/
.h-container{padding-top: 20px;}
.hlogo{float: left; margin: 10px;}
.flogo{float: right; margin: 10px;}

/**** NAV ****/
.custom-nav{
	background-color: #294c80;
	margin-bottom: 0;
}
.navbar-inverse{
	border: none;
}
.custom-nav a {
	font-weight: bold;
}
@media (min-width: 768px){
	.navbar{border-radius: 0;}
}

/**** INDEX ****/
.bg{
	background: url('../img/hero.jpg') no-repeat center top;
	width: 100%;
	height: 100px;
}

/**** FOOTER ****/
.footer{
  background: #222;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 45px;
}
.container .text-muted {
  font-size: 14px;
  margin: 12px 0 10px;
  color: #fafafa;
}
.container-white{
  background: white;
  padding-bottom: 100px;
}
/****** SECTIONS STYLES ******/
.sections-title{
	margin: 30px 10px 10px 10px;
	color: white;
	display: block;
	font-size: 2.5em;
}
.s-container{
	padding:30px 20px 40px 20px;
}
.section-links{
	display: block;
	position: relative;
	background: #f5f5f5;
	margin: 10px auto;
}
.section-links:hover{
	background: #f1f1f1;
}
.section-links a{
	display: block;
	position: relative;
	padding: 15px;
	font-weight: bold;
}

/****** MEDIA QUERYS ******/
@media (max-width: 520px) {

  .hlogo{float: left;}

}
@media (max-width: 991px) {

  [class*="col-"] {
      margin-bottom: 20px;
  }

}
@media (max-width: 767px) {
    .vertical-align {
        display: block;
    }
}

/******** SPACES **********/

.space-xs{height: 30px;}
.space-md{height: 60px;}
.space-lg{height: 90px;}