body {
	font-family: 'Roboto', sans-serif;
	overflow-x:hidden;
    margin: 0px;
    padding: 0px;
}
h3 {
	font-family: inherit;
	font-weight: 400;
	color: #808285;
	font-size: 1.3rem;
}
h4 {
	font-family: inherit;
	font-weight: 400;
	font-style: italic;
	color: #808285;
	font-size: 0.9rem;
}
a {
	color: grey;
	text-decoration: none;
}
a:hover {
	color: black;
	text-decoration: none;
}
.infinito-container {
    height: 100vh;
    width: 100%;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}


/*
 * Font-Awesome Tricks
 */
 .social.infinito [class*="fa fa-"] {
    background-color: #ffc603;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
}
.social.cultura [class*="fa fa-"] {
    background-color: white;
    border-radius: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    color: #414141;
}
.social.agencia [class*="fa fa-"] {
    background-color: white;
    border-radius: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
	color: #0cc9d5;
}
.social.talento [class*="fa fa-"] {
    background-color: white;
    border-radius: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
	color: #df9814;
}
.fa-facebook.infinito:hover { 
    background-color: grey;
}
.fa-twitter.infinito:hover { 
    background-color: grey;
}
.fa-instagram.infinito:hover { 
    background-color: grey;
}
.fa-google.infinito:hover { 
    background-color: grey;
}
.fa-twitter.cultura:hover { 
    background-color: #ffc603;
}
.fa-facebook.cultura:hover { 
    background-color: #ffc603;
}
.fa-instagram.cultura:hover { 
    background-color: #ffc603;
}
.fa-twitter.agencia:hover { 
    background-color: #082e35;
}
.fa-facebook.agencia:hover { 
    background-color: #082e35;
}
.fa-instagram.agencia:hover { 
    background-color: #082e35;
}
.fa-twitter.talento:hover { 
    background-color: black;
    color: white;
}
.fa-facebook.talento:hover { 
    background-color: black;
    color: white;
}
.fa-instagram.talento:hover { 
    background-color: black;
    color: white;
}


/* Infinito Particular 
 * Specific style for Infinito Section
 */
#infinito {

}

/* Cultura
 * Specific style for Cultura Section
 */
#cultura {
	background: url('../img/cultura-bg.jpg') no-repeat center center;
	background-size: cover;
}

/* Agência das Letras
 * Specific style for Agência Section
 */
#agencia-letras {
	background: url('../img/agencia-bg.jpg') no-repeat center center;
	background-size: cover;
}

/* Talento
 * Specific style for Talento Section
 */
#talento {
	background: url('../img/talento-bg.jpg') no-repeat center center;
	background-size: cover;
}

.full-size {
    width: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.marcas-container {
    position: relative;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
.marcas-1-child {    
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-grow: 3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-bottom: 10px;
}
.marcas-2-child {    
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 2;
    flex-grow: 3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-bottom: 10px;
}
.marcas-3-child {    
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 2;
    flex-grow: 3;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-bottom: 5px;
}
@media only screen and (max-width : 768px) {
	.infinito-container {
		flex-direction: column;
	}
	.full-size {
		width: 100%;
	}
    .marcas-1-child,
    .marcas-2-child,
    .marcas-3-child {
        flex: 0 0 12em;
    }
}