@font-face {
		font-family: 'montserrat'; /*a name to be used later*/
		src: url(./fonts/Montserrat-Regular.otf); /*URL to font*/
}
@font-face {
	font-family: 'montserrat-bold'; /*a name to be used later*/
	src: url(./fonts/Montserrat-Bold.otf); /*URL to font*/
}

html { margin-top: 0 !important;}
body {background-color: #fff;}
div, p, a, span {font-family: montserrat !important; font-size: 20px;}
h1, h2, h3, h4 {font-family: montserrat-bold !important; margin: 0; padding: 0;}
b {font-family: montserrat-bold !important; }

hr.red {border-color: #ea4236;border-width: 6px;margin-bottom: 60px;}

.tooltip {font-size: 14px;}
.text-red {color: #ea4236;}
.display-block {display: block;}
.img-icon {width: 64px;}

.container > .content { max-width: 900px; }
.container {background-color: #fff}

.header {position: relative; background-color: #fff; z-index: 100; padding: 20px 0 30px 0; height: 96px;}
.header h1 {position: absolute;z-index: -1;left: -1000px;height: 0;margin: 0;padding: 0;}
.header img {max-width: 200px;}

.header-fixed {position: fixed; width: 100%; left: 0;top: 0;z-index: 300; background-color: #fff;}
.header-fixed .container {padding: 10px 0;}
.header-fixed.fix {border-bottom: 1px solid #ccc;}
.header-fixed img {width:200px;margin:auto;}

section.intro { overflow: hidden; background-image: url(../images/hp_campaign/01_cabecera_.jpg); background-size: cover; background-position: center; height: 598px;}
section.intro .marco {position:relative; top: -90px;overflow: hidden; border: 8px solid #ea4236; margin: auto; width: 600px;height: 600px; transform: rotate(45deg); transform-origin: center;}
section.intro h2 {color: #fff; bottom: -250px; position:relative; font-size: 40px; text-align: center; text-shadow: 0 0 1px #000;}

section.pre-content {background: #fff; position: relative; z-index: 100; padding-top: 70px;}
section.pre-content img {max-width: 670px;margin:auto;}
section.pre-content p {padding-bottom: 30px;}

section.feature {padding-bottom: 80px;}
section.feature h3 {color: #ea4236; padding-top: 30px;}
section.feature p {padding-bottom: 30px;}
section.feature .description {font-size: 14px; padding-top: 10px;}
section.feature .modal-trigger-container {padding-top: 10px;}

section.co2 {padding: 80px 0 40px 0;}
section.co2 img {width: 90px; border: 3px solid #000; border-radius: 50%; padding: 15px;}
section.co2 .col {padding: 0;}
section.co2 .co2-text {position: absolute; bottom: 14px; left: 24px; font-size: 12px; font-weight: bolder;}
section.co2 hr.black {border-top: 3px solid #000; margin: 44px 0;}
section.co2 .left p, section.co2 .right p { font-size: 14px;}
section.co2 .left p {padding-left: 10%;}
section.co2 .right p {padding-right: 10%;}

section.final-message img {height: 92px;}
section.final-message .title {padding-bottom: 100px;}
section.final-message .icons {padding-bottom: 150px;}

footer {padding-bottom: 70px;}
footer .social-links { padding: 10px 0;}
footer .social-links img {width: 32px; margin: 0 15px;}
footer .links {padding-top: 40px;}
footer .links a {font-size: 12px;}


.back-to-top {background-color: #eee; padding: 6px; cursor: pointer;position: fixed; z-index: 400; bottom: 20px;right: 20px;border-radius: 50%; border: 1px solid #ccc; display:none; width: 48px; height: 48px;}



/* Media queries */
@media only screen and (min-width: 993px) {
	.modal-lg {width: 98% !important;}
}
@media only screen and (min-width: 376px) and (max-width: 992px) {
	.modal-lg {width: 98% !important;}
	section.intro {height: 500px;}
	section.intro .marco {top: -60px;width: 100%;height: calc(100vw - 30px); }
	section.intro h2 {color: #fff; bottom: -220px; position:relative; font-size: 36px; text-align: center;}
}

@media only screen and (max-width: 375px) {
	h2 {font-size: 18px;}
	h3 {font-size: 18px;}
	div, p, a, span {font-family: montserrat !important; font-size: 16px;}

	.container {padding-right: 10px;padding-left: 10px;}
	.row {margin-right: -10px;margin-left: -10px;}
	.col {padding-left: 10px; padding-right: 10px;}

	section.co2 .left p {padding-left: 0;}
	section.co2 .right p {padding-right: 0;}

	section.feature .description {font-size: 12px; color: #888;}

	section.intro {height: 240px;}
	section.intro .marco {top: -40px;width: 230px;height: 230px; }

	section.intro h2 {color: #fff; bottom: -100px; position:relative; font-size: 20px; text-align: center;}

}
/* End, Media queries */