*{margin: 0;padding: 0;}
@font-face{font-family: 'Barlow';src: url('../fonts/Barlow-Regular.woff2') format('woff2'),url('../fonts/Barlow-Regular.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
@font-face{font-family: 'Barlow';src: url('../fonts/Barlow-Bold.woff2') format('woff2'),url('../fonts/Barlow-Bold.woff') format('woff');font-weight: bold;font-style: normal;font-display: swap;}
body{background: #da6844;width: 100%;}
figure{margin: 0;}

/* Globales */
.col-centered{float: none;margin: 0 auto;display: table;}
.content-info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.display-table{display: table; width: 100%;height: 100%}
.display-table-cell{display: table-cell; width: 100%; height: 100%;vertical-align: middle}
.img-fluid{max-width: 100%;height: auto;}
.w-100{width: 100%;}
.m-0{margin: 0 !important;}
.section-home{position: relative;max-width: 100%;overflow: hidden;margin: 20px 0;}
.header-section{position: relative;}
.entry-content p{margin-top: 0;margin-bottom: 1rem;}

/* Landing */
.content-landing{position: relative;font-family: 'Barlow', sans-serif;font-size: 30px;color: #fff;text-align: center;}
.content-info-landing{position: relative;width: 80%;margin-right: auto;margin-left: auto;}
.content-bg-landing{padding: 20px 0;background-image: url("../img/background-africa-directo.jpg");background-size: cover;background-position: center;background-repeat: repeat-y;}

#content-1 figure img{vertical-align: middle;}
#content-1 .header-section{bottom: 80px;}
#content-1 .header-section h1{font-size: 48px;color: #000;font-weight: bold;}
#content-4 .header-section h2{font-size: 36px;color: #fff;font-weight: bold;}

/*Media Queries*/
@media only screen and (max-width: 1200px){
    #content-1 .header-section{bottom: 43px;}
    #content-1 .header-section h1{font-size: 43px;}
    #content-4 .header-section h2{font-size: 33px;}
}

@media only screen and (max-width: 1100px){
    .content-landing{font-size: 25px;}
    #content-1 .header-section h1{font-size: 38px;}
    #content-4 .header-section h2{font-size: 29px;}
}

@media only screen and (max-width: 900px){
    #content-1 .header-section{bottom: 30px;}
    #content-1 .header-section h1{font-size: 33px;}
    #content-4 .header-section h2{font-size: 24px;}
}

@media only screen and (max-width: 768px){
    .content-landing{font-size: 20px;}
    .content-info-landing{width: 90%;}
    #content-1 .header-section h1{font-size: 28px;}
    #content-4 .header-section h2{font-size: 19px;}
}

@media only screen and (max-width: 580px){
    .content-landing{font-size: 18px;}
    #content-1 .header-section{bottom: 18px;}
    #content-1 .header-section h1{font-size: 23px;}
    #content-3 iframe{width: 100%;}
    #content-4 .header-section h2{font-size: 16px;}
}

@media only screen and (max-width: 480px){
    #content-1 .header-section h1{font-size: 18px;}
}

@media only screen and (max-width: 425px){
    #content-1 .header-section h1{font-size: 13px;}
}
@media only screen and (max-width: 375px){
    .content-landing{font-size: 16px;}
}