@media screen and (max-width: 870px) {
    .hmtl{overflow-x:hidden}
    
    .logo{width: 100;margin: 0;}
        h1{text-align: center;} 

    .menu{display:none;}
    .catálogogeral {margin-left: 12%;margin-right: 12%;}
    .catálogogeral h2{display: block}
    .catálogogeral p{display: block;text-align: center;}
    
    .escopo{display:flex;flex-direction: column;justify-content: center;text-align: center;}
    
    .titulo{display:flex;text-align: center;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
	.titulo img{
        position: relative;
        right:inherit;
        display: block;
        margin-bottom:18px;}

    
        
}