body,html{
	padding: 0px;
	margin:0px;

	font-family: 'Source Sans Pro', sans-serif;
}

#menu{
	background-color: #FFFFFF;
	width: 100%;
	height: 100px;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	color:#1F497D;
	font-size: 13px;
}



#logo{
	height: 78%;
}

#logo img{
	height: 100%;
	margin-top: 10px;
}


#menu-links{
	position: absolute;
	top:30px;
	right:30px;
}

.menu-item{
	float: left;
	margin-right: 30px;
	margin-left: 30px;
	margin-top: 10px;
}
    
.menu-item a{
	color:#1F497D;
	text-decoration: none;
}    

    
.feature{
	width:100%;
	height: calc(100vh - 100px);
	background-size: cover;
	position:relative;
	max-height:750px;
}


.seccion{
  width:100%;
	min-height:100px;
	position:relative;
	
}


#footer {
  background-color: #67809a;
  color: #ffffff;
  height: 60px;
  padding-left: 22%;
  padding-top: 50px;
  width: 78%;
}

.separador{
	height:2px;
	width:100%;
	background-color:#D9BB7B;
}



  #texto-seccion{
    position:relative;
    margin-top:8%;
    margin-left:22%;
    width:50%;
    color:#4D4D4D;
    font-size:22px;
    font-weight:bold;
    line-height:30px;
    opacity: 0;
    transition: 1s; 
  }
  
  #texto-seccion .texto-seccion-inner{
    opacity: 0;
     }
  
  
  
  #logo-mini{
    position:absolute;
    top:5%;
    right:100%;
    opacity:0;
    transition:2s all;
  }
  
  
  .mostrar{
    opacity: 1 !important;
  }

  
  .logo-mini-on{
     right:80% !important;
    opacity: 1 !important;
    
  }

  .parrafo{
    color:#4D4D4D;
    font-weight:100;
    font-size:16px;
    line-height: 24px;
    
  }

.slicknav_menu{
	background-color:#FFFFFF !important;
}


.slicknav_brand {
  height: 60px !important;
    padding: 0 12px !important;
}