html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: sans-serif;
    vertical-align: baseline;
}
.container-general h3{
    line-height: 32px !important;
}
.center{
    max-width: 920px;
    margin:0 auto;
    box-sizing: border-box;
}
.img-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-titulo{
    padding-bottom:30px;
    width:300px !important;
}
.img-principal{
    width:500px !important;
}
.fundo-azul {
    background: linear-gradient(to bottom, #0a2d5e, #15579c, #1d75c8)
}
.img-baixe {
    padding-top:20px;
    width: 300px !important;
}
h3{
    padding-top:30px;
    font-size:24px !important;
    text-align:center
}
.pai{
    padding-top:50px !important;
    padding-bottom:50px !important
}
.faixa-colorida{
    display: block;
}

video{
    display: none;
    max-height: 500px;
    transform: translate(-50%);
}

.thumbnail{
    width: auto;
    max-height: 500px;
    
}

.play-button{
    position: absolute;
    width: 80px;
    height: auto;
}

.img-thumb{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width: 600px) {
    
    .thumbnail, video{
        max-height: 100% !important;
        width: 100% !important;
        transform: none !important;
        min-height: 500px;
    }
    h2{
        font-size:24px !important;
    }
    h3{
        padding-top:10px;
        font-size: 20px !important;
        margin-left:10px !important;
        margin-right:10px !important;
    }
    .img-principal {
        width: 320px !important;
    }
    .img-titulo {
        width: 200px !important;
    }
    .img-baixe {
        width: 300px !important;
    }
    .faixa-colorida {
        height: 10px !important
    }
    
}