.img-responsive{display: inline-block;}
#unsupported-browser-mask {
    background: #000000;
    position: fixed;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    height: 100%;
    width: 100%;
    z-index: 999990;
}
.unsupported-browser {
    background: #FFFFFF;
    border: 10px solid #333333;
    color: #333;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 10px;
    position: fixed;
    width: 600px;
    height: 320px;
    top: 50%;
    left: 50%;
    margin-top: -160px;
    margin-left: -300px;
    z-index: 999999;
}
.unsupported-browser p {
    margin-bottom: 10px;
    margin-top: 0;
}
.unsupported-browser a {
    color: #000000;
}
.unsupported-browser table {
    width: 100%;
}
.unsupported-browser table tr td {
    text-align: center;
}
.unsupported-browser table tr td a {
    color: #303030;
}
.unsupported-browser table tr td img {
    background: #F5F5F5;
    border: 1px solid #e3e3e3;
    padding: 5px;
}
.unsupported-browser button {
    background: none;
    border: 0;
    margin-top: 10px;
}
noscript {
    background: #FF0000;
    color: #FFFFFF;
    /*padding: 10px;*/
    position: fixed;
    text-align: center;
    font-size: 24px;
    top: 100px;
    width: 100%;
    z-index: 999999;
}

/*FONTS*/
    @font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/GothamMedium.eot');
    src: url('../fonts/GothamMedium.eot') format('embedded-opentype'),
         url('../fonts/GothamMedium.woff2') format('woff2'),
         url('../fonts/GothamMedium.woff') format('woff'),
         url('../fonts/GothamMedium.ttf') format('truetype'),
         url('../fonts/GothamMedium.svg#GothamMedium') format('svg');
    }
    @font-face {
        font-family: 'GothamBold';
        src: url('../fonts/GothamBold.eot');
        src: url('../fonts/GothamBold.eot') format('embedded-opentype'),
             url('../fonts/GothamBold.woff2') format('woff2'),
             url('../fonts/GothamBold.woff') format('woff'),
             url('../fonts/GothamBold.ttf') format('truetype'),
             url('../fonts/GothamBold.svg#GothamBold') format('svg');
    }
    @font-face {
        font-family: 'GothamLight';
        src: url('../fonts/GothamLight.eot');
        src: url('../fonts/GothamLight.eot') format('embedded-opentype'),
             url('../fonts/GothamLight.woff2') format('woff2'),
             url('../fonts/GothamLight.woff') format('woff'),
             url('../fonts/GothamLight.ttf') format('truetype'),
             url('../fonts/GothamLight.svg#GothamLight') format('svg');
    }

body {
	font-family: 'GothamLight';
}


/*HEADER SECTION*/
    .txt-logo{color: #FFFFFF; font-family: 'GothamBold'; font-size: 18px;}
    .logo{margin-top: 50px; margin-bottom: 120px;}
    .header-main{background: url(../images/banner-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
    .main-txt{background: rgba(0,0,0,0.4); padding-top: 30px; padding-bottom: 30px;} 
    .main-txt h1 {color: #FFFFFF; font-weight: 700; font-family: 'GothamBold'; margin-bottom: 0; margin-top: 0; font-size: 50px;} 
    .main-txt h2 {color: #FFFFFF; font-family: 'GothamLight'; margin-bottom: 0; margin-top: 0; font-size: 34px;} 
    .main-txt p {color: #FFFFFF; font-family: 'GothamLight'; font-weight: 700; margin-top: 30px; font-size: 23px; text-align: justify; line-height: 26px;}
    .main-txt p strong, .txt-books strong, .txt-art strong, .final-txt strong {font-family: 'GothamBold';}
/*MEDIUM SECTION*/
    .img-books{margin-top: 30px;}
    .back-gray{background: #C2C3C5; padding-right: 30px; padding-top: 30px; padding-bottom: 30px;}.txt-books{text-align: justify; font-size: 23px; font-family: 'GothamLight'; font-weight: 700; color: #000000; line-height: 26px;}
    .txt-art{text-align: justify; font-size: 23px; font-family: 'GothamLight'; font-weight: 700; color: #000000; line-height: 26px; padding-left: 30px; padding-top: 30px;}
    .arts{margin-top: 50px; margin-bottom: 50px;}   
    .btn-red{background: #EE1C25; border-radius: 5px; padding: 15px 10px; line-height: 30px; color: #FFFFFF; margin: 0;font-size: 30px; font-family: 'GothamBold'; display: inline-block;}
    
.btn-red:active,
.btn-red:focus,
.btn-red:hover {
	color: #FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-decoration: none;
}
.unstyled {
	color: #000000;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	text-decoration: none;
}
.remove-padding {
	padding: 0;
}
    .txt-btn{color: #818183; font-size: 26px; line-height: 30px; padding-left: 30px; font-family: 'GothamBold';}
    .pluma{position: absolute; right: 0;  margin-top: -160px;}
    .i-container{width: auto;}
    .backg {background: url(../images/backg.png); background-size: auto 100%; background-repeat: no-repeat;}

/*FINAL SECTION*/
    .final-sec{background: url(../images/foot-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; }
    .final-txt{color: #FFFFFF; font-family: 'GothamLight'; font-weight: 700; margin-top: 30px; font-size: 23px; text-align: justify; line-height: 26px;}
    .final-sec .row {padding-top: 30px; padding-bottom: 30px;}

/*FOOTER*/
    .footer{background: #EE1C25; padding: 20px;} .footer p {color: #FFFFFF; font-size: 14px; text-align: center; margin-bottom: 0; margin-top: 0;}
    .footer a{color: #FFFFFF;}



/* RESPONSIVE UTILITIES */
@media (max-width: 768px) {
    .backg {background: none;}
    .back-gray{padding-right: 15px; padding-top: 15px; padding-bottom: 15px;}
    .txt-art{padding-left: 0; padding-top: 15px;}
    .main-txt h1{font-size: 34px;}.txt-btn{text-align: center; padding-left: 0;}
    .txt-logo {font-size: 12px;}
}

@media (min-width: 769px) {
	
}

@media (min-width: 992px) {
	
}

@media (min-width: 1024px) {
	
}