html, body {height:100%;}

* {
	font-family: 'Montserrat', sans-serif;
}

h1 {
    font-weight: 900;
}
h1.branco {color:white;font-size: 50px;margin: 0;padding: 0;text-align: center;display: block;}
h2 {}
h2 .span {}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bogue';
    font-weight: bold;
    font-style: normal;	
}

p {}
img {}


	.desktop900 {display:block;}
	.mobile900 {display:none;}

.padding-top {padding-top:90px;}

.padding-bottom {padding-bottom:90px;}

.padding-top-bottom {
	padding-top:90px;
	padding-bottom:90px;
}

@font-face {
    font-family: 'metropolisregular';
    src: url('fonts/metropolis-regular-webfont.woff2') format('woff2'),
         url('fonts/metropolis-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'metropolissemi_bold';
    src: url('fonts/metropolis-semibold-webfont.woff2') format('woff2'),
         url('fonts/metropolis-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#tudo {
	min-height:100%;
	position:relative;
	/*width:800px;*/
}

.separador {
    width: 100%;
    clear: both;
    display: flex;
}

.centro {}

.esquerda {}

.direita {}

.a0 {
	display: block;
	width: 98%;
	margin: 0 auto;
	/* margin-left: 20px; */
	/* margin-right: 20px; */
	padding-left: 1%;
	padding-right: 1%;
}

.a1 {}
.a2 {
    width: 198px;
    display: inline-block;
    float: left;
    text-align: center;
}
.a3 {}
.a4 {
    width: 448px;
}
.a5 {}
.a6 {
    max-width: 700px;
    display: inline-block;
    /* float: left; */
}
.a7 {}
.a8 {
    max-width: 920px;
    margin: 0 auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.a9 {}
.a10 {
    width: 1100px;
}
.a12 {max-width:1400px;}

body {
	background-color:black;
}

#tudo {}

#tudo #menu {
    width: 100%;
    height: 60px;
    position: fixed;
    background-color: black;
}

#tudo #menu .menu {
	padding-top: 20px;
}

#tudo #menu .esq {
    float: left;
    display: block;
}
#tudo #menu .esq img {
    max-width: 150px;
    height: auto;
    width: 100%;
}

#tudo #menu .dir {display: block;float: right;}

#tudo #menu .dir .sociais {}

#tudo #menu .dir .sociais ul, tudo #footer .footer ul {
    /* width: 100%; */
    /* height: auto; */
    display: inline-block;
    margin: 0;
}

#tudo #menu .dir .sociais ul li, #tudo #footer .footer ul li {
    float: left;
    padding: 0 7px;
}
#tudo #menu .dir .sociais ul li a {}
#tudo #menu .dir .sociais ul li img, #tudo #footer .footer ul li img {
    max-width: 20px;
    height: auto;
    width: 100%;
    transition: all 0.1s cubic-bezier(0.44, 0.01, 0.59, 0.96);
    -webkit-transition: all 0.1s cubic-bezier(0.44, 0.01, 0.59, 0.96);
}

#tudo #menu .dir .sociais ul li img:hover, #tudo #footer .footer ul li img:hover {
	scale:1.2;
}

#tudo #conteudo {}

#tudo #conteudo .video {
	background-image:url('images/header-photo.jpg');
	background-size: cover;
	background-position: center;
	margin: 0 auto;
	align-items: center;
	align-content: space-between;
	justify-content: space-around;
	padding: 120px 0 60px 0;
	clear: both;
}

#tudo #conteudo .video img {
    clear: both;
    display: block;
    margin: 0 auto;
}

#tudo #conteudo .video iframe {}

#tudo #conteudo .video .titulo {
	width: 95%;
	max-width:1400px;
	clear: both;
	margin: 0 auto;
}



#tudo #conteudo .video .titulo h1 {
    color: white;
    font-size: 24px;
}

#tudo #conteudo .video .titulo .esq {
    float: left;
}
#tudo #conteudo .video .titulo .esq h1 {}
#tudo #conteudo .video .titulo .dir {
    float: right;
    color: #ef737d;
}
#tudo #conteudo .video .titulo .dir h1 {
    color: #ef737d;
}

#tudo #conteudo .video .image {
    width: 95%;
    margin: 0 auto;
transition: all 0.1s 
cubic-bezier(0.44, 0.01, 0.59, 0.96);
    -webkit-transition: all 0.1s 
cubic-bezier(0.44, 0.01, 0.59, 0.96);
}
#tudo #conteudo .video .image:hover {
	scale:1.01;
}

#tudo #conteudo .video .image img {
    max-width: 1400px;
    width: 100%;
}

#tudo #conteudo .conteudo {}

#tudo #conteudo .embed-smartlink {}

#tudo #conteudo .embed-smartlink iframe {
    border: 0;
}

#tudo #footer {}
#tudo #footer .footer {
    padding: 100px 0px;
}
#tudo #footer .footer .logo {
    margin: 0 auto;
    display: block;
    padding-bottom: 10px;
}
#tudo #footer .footer .logo img {
    max-width: 95px;
}
#tudo #footer .footer ul {
    display: table;
    margin: 0 auto;
}
#tudo #footer .footer ul li {}

#tudo #footer .footer ul li img {}

#tudo #conteudo .conteudo .postagens {
    padding-top: 100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; /* espaçamento entre os itens */
}
#tudo #conteudo .conteudo .postagens .item {
    transition: all 0.1s cubic-bezier(0.44, 0.01, 0.59, 0.96);
    -webkit-transition: all 0.1s cubic-bezier(0.44, 0.01, 0.59, 0.96);
}
#tudo #conteudo .conteudo .postagens .item-postagem {}
#tudo #conteudo .conteudo .postagens .item a {
}

#tudo #conteudo .conteudo .postagens .item:hover {
	scale:1.05;
}
	
#tudo #conteudo .conteudo .postagens .item .imagem {width: 448px;height: 240px;background-size: cover;background-repeat: no-repeat;background-position: center;}
#tudo #conteudo .conteudo .postagens .item h3 {
    color: white;
    font-family: 'Bogue';
    font-weight: bold;
    font-style: normal;
}

@media (max-width: 1435px) {

#tudo #conteudo .conteudo .postagens {
    grid-template-columns: repeat(2, 1fr);
}

}

@media (max-width: 955px) {

#tudo #conteudo .conteudo .postagens {
    grid-template-columns: repeat(1, 1fr);
}

}