*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;

    /* font-family: 'Lato', sans-serif;     */
    font-family: 'DM Sans', sans-serif;
    text-align: center;
    font-size: 1em;
    font-weight: 400;

    line-height: 1.2;
    letter-spacing: 0em;    

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

object,
embed,
video,
iframe,
iframe['style']{
    max-width: 100%;
    height: auto;
}

/* ==== para embed */
.destaque-video{margin:0 auto; width: 100%; padding: 10px; background: rgba(255, 255, 255, 0.2);}
.ratio-video{position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0;}
.media-video{position: absolute; width: 100%; height: 100%; left: 0; top:0;}

/* ==== para maps */
.destaque-maps{margin:0 auto; width: 100%; padding: 10px; float: left; background: rgba(255, 255, 255, 0.2);}
.ratio-maps{position: relative; padding-bottom: 56.25%; float: left; width: 100%; height: 0;}
.media-maps{position: absolute; width: 100%; height: 100%; left: 0; top:0;}

.clear{clear: both;}
.fontzero{font-size: 0em;}
img{max-width: 88%; border: 0;}
a img{border:0;}
a{text-decoration: none;}


.container{display:  block; width: 100%; height: auto; margin:0 auto;}
.container-palestrantes{display:  block; width: 100%; height: auto; margin:0 auto;}
/* ====== contents */
.content{display:  block; margin: 0 auto; padding: 20px 0; width: 80%; max-width: 1200px;}
.content-palestrante{display:  block; margin: 0 auto; width: 80%; max-width: 1200px;}
.content-galeria{display:  block; margin: 0 auto; width: 100%;}
.content-footer{display:  block; margin: 0 auto; padding: 20px 0; width: 90%; max-width: 1200px;}


.box30{width: 30%; float: left;}
.box40{width: 40%; float: left;}
.box50{width: 50%; float: left;}
.box60{width: 60%; float: left;}
.box70{width: 70%; float: left;}

/* ====== margins */
.m15-top-bottom{margin: 15px 0;}
.m15-top{margin-top: 15px;}
.m15-bottom{margin-bottom: 15px;}

.m30-top-bottom{margin: 30px 0;}
.m30-top{margin-top: 30px;}
.m30-bottom{margin-bottom: 30px;}

.m45-top-bottom{margin: 45px 0;}
.m45-top{margin-top: 45px;}
.m45-bottom{margin-bottom: 45px;}

.m60-top-bottom{margin: 60px 0;}
.m60-top{margin-top: 60px;}
.m60-bottom{margin-bottom: 60px;}

/* ====== paddings */
.p15-top-bottom{padding: 15px 0;}
.p15-top{padding-top: 15px;}
.p15-bottom{padding-bottom: 15px;}

.p30-top-bottom{padding: 30px 0;}
.p30-top{padding-top: 30px;}
.p30-bottom{padding-bottom: 30px;}

.p45-top-bottom{padding: 45px 0;}
.p45-top{padding-top: 45px;}
.p45-bottom{padding-bottom: 45px;}

.p60-top-bottom{padding: 60px 0;}
.p60-top{padding-top: 60px;}
.p60-bottom{padding-bottom: 60px;}


/* ====== backgrounds */

.bg-yellow{background:#ffcc00;}
.bg-brow{background:#956039;}
.bg-red{background:#d12121;}
.bg-green{background:#3dd573;}
.bg-blue{background:#197394;}
.bg-red{background:#d12121;}
.bg-gray{background:#1f1f1f;}

/* BT REDES SOCIAIS */
.footer-bt{
    width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    padding: 5px; 
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px; 
    margin: 15px 5px 30px 5px;
       
}

.footer-bt-facebook{background: #3b5998;}
.footer-bt-facebook:hover{background: #5179c9; transition:all 0.3s ease;}
.footer-bt-googleplus{background: #db4437;}
.footer-bt-googleplus:hover{background: #f36053; transition:all 0.3s ease;}
.footer-bt-youtube{background: #e52d27;}
.footer-bt-youtube:hover{background: #ec443e; transition:all 0.3s ease;}
.footer-bt-twitter{background: #1da1f2;}
.footer-bt-twitter:hover{background: #51b7f7; transition:all 0.3s ease;}

/* ====== font-weight */
.f-bold{font-weight: bold;}
.f-400{font-weight: 400;}
.f-300{font-weight: 300;}


@media(max-width: 1160px){
    .container-palestrantes{margin:0 auto 0 auto;}
    .content-palestrante{width: 100%;}    
    .content-footer{width: 100%;}    
}

@media(max-width: 1060px){
    .box30{width: 100%;}
    .box40{width: 100%;}
    .box50{width: 100%; }
    .box60{width: 100%;}
    .box70{width: 100%;}
}


@media(max-width: 770px){    
    
    .content{width: 95%;} 
}

@media(max-width: 600px){    
    .content{width: 98%;} 
}