@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;900&family=RDM+Serif+Display:ital@0;1&display=swap" rel="stylesheet');
html {scroll-behavior: smooth;}
body { font-family: 'Mulish', sans-serif;}
h1,h2,h3,h4,h5,h6{ font-family: 'DM Serif Display', serif;}
#top { background: url(imgs/backg-sec1.gif) center top repeat-y fixed; background-size: contain;}
#intro{ height:100vh;}
.centerimage { height: 100%;}
.chev { margin-top: -100px; font-size: 4rem; color: #a24c32;}
.displaycond { display: block;}
.marginleft {margin-left: -50%;}
.marginleftmas {margin-left: 30%; position: relative;}
.paddingsup { padding-top: 50px !important;}
.paddinginf { padding-bottom: 50px !important;}
.nopadnomarg { padding: 0 !important; margin: 0 !important;}
#def { }
.beige {background-color: #c7b8a3; padding: 200px 0 60px 0 !important;}
.backbeige {background-color: #c7b8a3;}
.beigeclaro {background-color: #f8f5f1; padding: 30px;}
.green {background-color: #46544a;}
.supertitle {font-size: 6rem; font-family: 'DM Serif Display', serif; color: #a24c32; padding: 0 !important;
    margin: 10px 0 0 0!important;}
.justify { text-align: justify; font-size: 1.05rem; padding:20px 20px 20px 0;}
#def .green { padding: 195px 30px 0px 30px; font-size: 1.2rem;}
#formato .colizq { padding: 200px 0 60px 0 !important;}
.banner-formato { background-image: url(imgs/banner-formato.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 200px;}
.boldcafe { color: #a24c32; font-size: 1.2rem; padding: 120px 0 60px 50px !important;}
#formato .row img { padding: 10px !important;}
hr { margin: 40px !important;}
.secondtitle { font-size: 1.3rem;}
#difusion .ratio {margin-top: 10px !important;}
footer { font-size: 1.3rem; font-family: 'DM Serif Display', serif; color: #c7b8a3;}
footer span { font-size: 1rem; font-family: 'Mulish', sans-serif; color: #c7b8a3;}
/*HEADER*/
#header {padding: 25px 0;
    height: 92px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    transition: all 0.5s;
    z-index: 997;}
/*nav bar*/
.navbar{ background-color: #1d212442 !important;}
.nav-link{ padding-right: 1.5rem !important; }
.nav-item a, .nav-item a:link, .nav-item a:visited { color: #ffffff !important; transition: all 0.5s; font-size: 1rem !important;}
.nav-item a:hover {color: rgba(255,255,255,.5) !important;}

@media (max-width: 820px){
.navbar{padding: 0.5rem !important;}
.displaycond { display: none;}
.marginleftmas { margin-left:0;}
.supertitle { font-size: 4rem;}
.beige {padding: 50px 0 30px 0 !important;}
.justify { padding:20px !important;}
#def .green {padding: 40px;}
#formato .colizq {padding:0 !important;}
.banner-formato { height:65px;}
.boldcafe {padding: 2px 0 30px 50px !important;}
}
@media (min-width: 1020px){
.marginleft {
    margin-left: -80%;
}  
.banner-formato { height:155px;}    
}