@font-face {
    font-family: 'Clash';
    src: url('font/ClashDisplay-Regular.eot');
    src: url('font/ClashDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/ClashDisplay-Regular.woff2') format('woff2'),
        url('font/ClashDisplay-Regular.woff') format('woff'),
        url('font/ClashDisplay-Regular.ttf') format('truetype'),
        url('font/ClashDisplay-Regular.svg#ClashDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('font/Gotham-Book.eot');
    src: url('font/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('font/Gotham-Book.woff2') format('woff2'),
        url('font/Gotham-Book.woff') format('woff'),
        url('font/Gotham-Book.ttf') format('truetype'),
        url('font/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamBold';
    src: url('font/GothamBold.eot');
    src: url('font/GothamBold.eot?#iefix') format('embedded-opentype'),
        url('font/GothamBold.woff2') format('woff2'),
        url('font/GothamBold.woff') format('woff'),
        url('font/GothamBold.ttf') format('truetype'),
        url('font/GothamBold.svg#GothamBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body{
	font-family: 'Gotham';
	font-size: 15px;
}

h1{
	font-size: 74px;
    font-family: 'Clash';
    color: #0b56c2;
    line-height: 58px;
	margin-bottom: 40px;
}

h5{
	font-family: 'GothamBold';
	font-size: 15px;
}


@media (min-width: 780px) {
	h1{
		letter-spacing: 1.5px;
	}
	
.bg{position:relative;}
.fondo{
	object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5000;

	
}

	.espacioleft{
		padding-left: 60px;
	}
	.espacioleft2{
		padding-left: 90px;
	}
	.contenido{
		padding-right: 80px;
	}

	.txtconte{
		padding-right: 80px;
	}
	.logo{
		margin-top: 50px;
		margin-bottom: 70px;
		padding-right:100px;
		display: block;
	}
	.logomb{display: none;}
	.mobile{display: none;}
}
@media (max-width: 780px) {
	.contenido{text-align: center; padding: 30px;}
	.logo{
		display:none;
	}
	.logomb{
		padding: 5px 70px 20px;
		display: block;
	}
	.bg{
		height: 175px;
		background-image:url('../img/foto-principal-mb.jpg');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
		background-size: 100%;
	}
.fondo{
  display: none;
}
	footer{text-align:center;}
	.espacioleft{margin-bottom:15px;}
	.logos {
		margin-bottom: 1px !important;
	}
	h1{
		font-size: 50px;
		margin-bottom: 20px;
	}
}


.linea{
	margin-top: 30px;
	background-color: #0b56c2;
	height: 2px;
	margin-bottom: 30px;
}
.logos{
	color: #0b56c2;
	margin-bottom:30px;
}

footer a{color:#0b56c2;text-decoration:none;}
footer a:hover{color:#0b56c2;text-decoration:none;}