#content-desktop {display: block;}
    #content-mobile {display: none;}

    @media screen and (max-width: 768px) {

    #content-desktop {display: none;}
    #content-mobile {display: block;}

    }
	

@media only screen and (max-width: 400px) {
    .mobile-hide{ display: none !important; }
    }
    @media only screen and (max-width: 400px) {
    .mobile{ display: inline !important; }
    }
    @media only screen and (min-width: 500px) {
    .desktop-hide{ display: none !important; }
    }

#hero .conteudo-hero p {
    margin-bottom: 0px;
}

#hero {
    background-image: url("../img/fundo.jpg");
    background-position: top center;
}

#hero h1 {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 1rem;
    margin-top: 0px;
}

#hero p {
    text-align: center;
}

#hero .fixed-video {
    margin-bottom: 0px !important;
}

@media (max-width: 768px) {
    #hero h1 {
        font-size: 27px;
        line-height: 33px;
    }

    #hero {
        background-image: none;
    }

    #hero .conteudo-hero {
        padding-bottom: 60px;
    }
}