/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/




		
		.inspiro-slider .slide .slide-captions h2{
		    font-size:24px !important;
		    line-height:26px;
		}
		
		.icon-mundo{
		    background-image:url(../images/mundo.png);
		    background-repeat: no-repeat;
		    margin :16px 0 0 16px;
		    width:32px;
		    height:32px;
		}
		
		.icon-exclamacion{
		    background-image:url(../images/exclamacion.png);
		    background-repeat: no-repeat;
		    margin :16px 0 0 16px;
		    width:32px;
		    height:32px;
		}
		
        .list-legend li {
            float: none !important;
            margin-right: 14px;
            margin-bottom: 0 !important;
            margin-top:0 !important;
            padding-left:60px;
        }
        
        .logo-francisco{
            width:380px;
            height:auto;
        }
        
    .parallax-container {

    opacity: 0.9 !important;
    background-repeat: no-repeat;
    background-size: 100% !important;
    /* transition: opacity .5s linear; */
    }
    
    #mainMenu nav > ul > li > a {
    padding: 10px 4px;
    }

@media (max-width: 800px) {
.background-grey{
	padding-bottom: 40% !important;
} 
    
}
@media (max-width: 600px) {
        .logo-francisco{
            width:250px;
            height:auto;
        }
        
}