.container_about{
		width: 100%;
		height: 100%;
		position: relative;
		top: 0px;
		left: 0px;
	}

		.fundo_baleia_about{
			width: 100%;
			height: 100%;
			position: relative;
			top:0px;
			left: 0px;
			overflow: hidden;
		}

		.fundo_baleia_about .baleia{
			width: 100%;
			position: relative;
			top: 0px;
			left: 0px;
			z-index: -1;
		}

		.fundo_baleia_about .parallax{
			width: 100%;
			height: 100%;
			position: absolute;
			background: top center;
			background-size: cover;
			z-index: 1;
			top: 0px;
			left: 0px;
		}


		#logo_about{
			width: 817px;
			height: 111px;
			position: absolute;
			left: 50%;
			top:50%;
			margin: -95px 0 0 -370px;
			z-index: 5;
		}

		#mmj_about{
		    width: 340px;
		    float: left;
		    overflow: hidden;
			transform: skew(-15deg, 0deg);
		}
			.mmj_about{
				position: relative;
				left: 340px;
				width: 311px;
				height: 111px;
				background-image: url('/publicados/imagens/about/mmj_about.png');
				background-size: 311px 111px;
				opacity: 0;
			    transform: skew(15deg, 0deg);
			}

		#reducao_about{
		    width: 110px;
		    float: left;
		    overflow: hidden;
		}

			.reducao_about{
				position: absolute;
				left: 310px;
				width: 102px;
				height: 111px;
				margin: 0 15px 0 6px;
				background-image: url('/publicados/imagens/about/reducao_about.png');
				background-size: 102px 111px;
				opacity: 0;
			}

		#creative_about{
		    width: 400px;
		    float: left;
		    overflow: hidden;
		    margin: 0 0 0 66px;
		    -webkit-transform: skew(-15deg, 0deg);
		    -moz-transform: skew(-15deg, 0deg);
		    -o-transform: skew(-15deg, 0deg);
		    -ms-transform: skew(-15deg, 0deg);
		    transform: skew(-15deg, 0deg);
		}
			.creative_about{
				position: relative;
				left: -350px;
				width: 360px;
				height: 111px;
				background-image: url('/publicados/imagens/about/creative_about.png');
				background-size: 360px 111px;
				opacity: 0;
				-webkit-transform: skew(15deg, 0deg);
			    -moz-transform: skew(15deg, 0deg);
			    -o-transform: skew(15deg, 0deg);
			    -ms-transform: skew(15deg, 0deg);
			    transform: skew(15deg, 0deg);
			}


	
	#text_about,
	#what_we_do,
	#more_than_suppliers,
	#awards_publications {
		position: relative;
		overflow: hidden;
		background-color: #fff;
	}

		#alinhamento{
			max-width: 1130px;
			margin: 185px auto 215px;
			overflow: hidden;
		}

			#alinhamento #about{
				float: left;
				width: 47%;
			}

				#alinhamento #about .risco{
					float: left;
					margin: 48px 0px 0px 24px;
					width: 50px;
					height: 4px;
					background: #b8ac90;
				}

				#alinhamento #about .titulo{
					float: left;
					margin: 26px 0px 0px 14px;

					font-family: 'Open Sans Condensed', sans-serif;
					font-weight: 700;
					font-size: 33px;
					letter-spacing: 0px;
					text-transform: uppercase;
					color: #b8ac90;
				}

				#alinhamento #about .subtitulo{
					float: left;
					margin-left: 84px;

					font-family: 'Open Sans', sans-serif;
					font-weight: 400;
					font-size: 13px;
					letter-spacing: 2px;
					text-transform: uppercase;
					color: #959595;
				}

			#alinhamento #text{
				float: left;
				width: calc(53% - 35px);
				max-width: 595px;
				padding: 35px 0px;
				
				font-family: 'Open Sans', sans-serif;
				font-weight: 400;
				font-size: 16px;
				letter-spacing: .8px;
				line-height: 190%;
				color: #959595;
			}

				#what_we_do .view_projects,
				#more_than_suppliers .our_partners {
					position: relative;
					display: table;
					padding: 5px 22px;
					margin-top: 60px;
					border: 1px solid #b8ac90;
					background-image: linear-gradient(to right, #b8ac90, #b8ac90 50%, transparent 50%, transparent);
			    	background-position: 100% 0;
			    	background-size: 202% 100%;

					font-family: 'Open Sans Condensed', sans-serif;
					font-weight: 700;
					font-size: 11px;
					text-transform: uppercase;
					letter-spacing: 4px;
					text-decoration: none;
					color: #b8ac90;

			        transition: background 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190),color 200ms linear;
				}


	#meet_our_qg{

	}
		
		#meet_our_qg .quadrado,
		#your_images .quadrado,
		#meet_our_qg .retangulo,
		#your_images .retangulo {
			position: relative;
			float: left;
			background-color: #FFF;
			background-position: center;
			background-size: cover;
			height: 33.333333%;
		}

		#meet_our_qg .quadrado,
		#your_images .quadrado{
			width: 25%;
		}

		#meet_our_qg div[data-id="1"] { background-image: url('/publicados/imagens/about/meet_1.jpg'); }
		#meet_our_qg div[data-id="2"] { background-image: url('/publicados/imagens/about/meet_2.jpg'); }
		#meet_our_qg div[data-id="3"] { background-image: url('/publicados/imagens/about/meet_3.jpg'); }
		#meet_our_qg div[data-id="4"] { background-image: url('/publicados/imagens/about/meet_4.jpg'); }
		#meet_our_qg div[data-id="6"] { background-image: url('/publicados/imagens/about/meet_5.jpg'); }
		#meet_our_qg div[data-id="7"] { background-image: url('/publicados/imagens/about/meet_6.jpg'); }
		#meet_our_qg div[data-id="8"] { background-image: url('/publicados/imagens/about/meet_7.jpg'); }
		#meet_our_qg div[data-id="9"] { background-image: url('/publicados/imagens/about/meet_8.jpg'); }

			#meet_our_qg .quadrado .texto,
			#your_images .quadrado .texto{			
				position: absolute;
				left: 50%;
				top: 50%;
				width: 90px;
				height: 170px;
				margin-top: -90px;
				margin-left: -45px;

				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 700;
				font-size: 42px;
				text-transform: uppercase;
				color: #b8ac90;
			}

			#your_images .quadrado .texto{
				width: 125px;
				height: 230px;
				margin-top: -115px;
				margin-left: -62px;
			}


		#meet_our_qg .retangulo,
		#your_images .retangulo{
			width: 50%;			
		}

			#your_images div[data-id="1"] { background-image: url('/publicados/imagens/about/your_1.jpg'); }
			#your_images div[data-id="2"] { background-image: url('/publicados/imagens/about/your_2.jpg'); }
			#your_images div[data-id="3"] { background-image: url('/publicados/imagens/about/your_3.jpg'); }
			#your_images div[data-id="4"] { background-image: url('/publicados/imagens/about/your_4.jpg'); }
			#your_images div[data-id="7"] { background-image: url('/publicados/imagens/about/your_5.jpg'); }
			#your_images div[data-id="8"] { background-image: url('/publicados/imagens/about/your_6.jpg'); }
			#your_images div[data-id="9"] { background-image: url('/publicados/imagens/about/your_7.jpg'); }
			#your_images div[data-id="10"] { background-image: url('/publicados/imagens/about/your_8.jpg'); }


	#awards_publications{

	}

		#awards_publications #premios{
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
			overflow: hidden;
			padding-left: 5%;
			padding-right: 5%;
			padding-bottom: 50px;
			margin-bottom: 10vw;
		}

			#awards_publications #premios .quadrado{
				display: flex;
				flex-flow: column;
				align-items: center;
				margin-bottom: 10vw;
			}

				.premios_img {
					position: relative;
					width: 65%;
					max-width: 270px;
				}

					.premios_img_inner {
						padding-top: 48.88888888888889%;
					}

						.premios_img img { 
							position: absolute;
							top: 0px;
							width: 100%;
						}


				.alinhamento{
					width: 200px;
					margin:auto;
					height: 100%;
				}

				#awards_publications #premios .quadrado .titulo,
				.alinhamento2-each-info-name {
					font-family: 'Open Sans Condensed', sans-serif;
					font-weight: 700;
					letter-spacing: 0px;
					font-size: 20px;
					color: #000000;
					text-transform: uppercase;
				}

				#awards_publications #premios .quadrado .titulo {
					margin-top: 20px;
					width: 90%;
					text-align: center;
					line-height: 115%;
				}

				#awards_publications #premios .quadrado .texto,
				.alinhamento2-each-info-role {
					width: 100%;
					font-size: 11px;
					color: #959595;
					margin: 25px 0 0 37px;
					font-family: 'Open Sans', sans-serif;
					font-weight: 400;
					letter-spacing: 1px;
					line-height: 15px;
					float: left;
					text-transform: uppercase;
				}


	#more_than_suppliers {
		width: 100%;
	}


	#team {
		position: relative;
		overflow: hidden;
	}

		#alinhamento.alinhamento1 {
			margin-bottom: 0px;
		}

		#alinhamento.alinhamento2 {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-gap: 0px 11%;
			margin-top: 90px;
			width: 70%;
			max-width: 2560px;
			box-sizing: border-box;
		}

			.alinhamento2-each {

			}

				.alinhamento2-each-img {
					padding-top: 150%;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					background-color: #000;
				}

				.alinhamento2-each:first-child .alinhamento2-each-img {
					background-image: url('/publicados/imagens/about/MMJ-Studio-Marcelo-Jr.jpg');
				}

				.alinhamento2-each:last-child .alinhamento2-each-img {
					background-image: url('/publicados/imagens/about/MMJ-Studio-Yuri.jpg');
				}

				.alinhamento2-each-info-name,
				.alinhamento2-each-info-role,
				#alinhamento.alinhamento2 #text {
					margin: initial;
					float: none;
					width: auto;
				}

				.alinhamento2-each-info-name {
					margin-top: 85px;
					font-size: 34px; 
				}

				.alinhamento2-each-info-role {
					margin-top: 7px;
					font-size: 12px; 
					color: #BDBDBD;
				}

				#alinhamento.alinhamento2 #text {
					padding-top: 52px;
				}


	#contato_about{
		position: relative;
		min-height: 600px;
	}

		#contato_about #fundo{
			height: 100%;
			background: url('../publicados/imagens/about/fundo_contato_about.jpg');
			background-size: cover;
			background-position: center;
		}
		
		#contato_about #alinhamento{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 598px;
			height: 280px;
			margin-top: -150px;
			margin-left: -300px;
			cursor: pointer;

			text-decoration: none;
		}

			#contato_about #alinhamento #envelope{
				width: 65px;
				height: 47px;
				margin: 20px auto;
				background: url(../publicados/imagens/envelope.png) no-repeat;
				background-size: 100% 100% !important;
				transition: background 300ms cubic-bezier(0.250, -0.020, 0.355, 1.000);
			}


			#contato_about #alinhamento #texto{
				margin: 40px auto;
				
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 700;
				font-size: 48px;
				text-align: center;
				line-height: 125%;
				letter-spacing: 1px;
				color: #FFF;
				
				transition: color 300ms cubic-bezier(0.250, -0.020, 0.355, 1.000);
			}


			#contato_about #alinhamento #risco{
				margin: 50px auto 0px;
				width: 58px;
				height: 3px;
				background-color: #FFF;
				transition: background-color 300ms cubic-bezier(0.250, -0.020, 0.355, 1.000);
			}

			#contato_about #alinhamento #texto2 {
				display: none;
			}



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

	#awards_publications #premios{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}


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

	#alinhamento.alinhamento2 {
		width: 80%;
	}

	.alinhamento2-each-info-name {
		margin-top: 64px;
	}

	#awards_publications #premios .quadrado{ 
		margin-bottom: 15vw;
	}

	#awards_publications #premios .quadrado .titulo {
		font-size: 18px;
	}
}


@media screen and (max-width: 1150px) {
	
	#alinhamento{
		margin: 148px auto;
		max-width: 954px;
	}

		#alinhamento #about { width: 50%; }
		#alinhamento #text { width: calc(50% - 35px); }


	#meet_our_qg .quadrado .texto{
		margin-top: -70px;
		margin-left: -37.5px;
		width: 75px;
		height: 140px;

		font-size: 35px;
	}

	#your_images .quadrado .texto {
		margin-top: -85px;
		margin-left: -57.5px;
		width: 95px;
		height: 165px;

		font-size: 32px;
	}

	#alinhamento.alinhamento2 {
		width: 100%;
		padding: 0px 100px;
	}

		.alinhamento2-each-info-name {
			margin-top: 56px;
			font-size: 30px;
		}

		#alinhamento.alinhamento2 #text {
			padding-top: 47px;
		}

	
	#contato_about #alinhamento #texto {
		font-size: 40px;
	}
}


@media screen and (min-width: 1024px) {

	#what_we_do .view_projects:hover,
	#more_than_suppliers .our_partners:hover{
		color: #FFF;
		background-position: 0 0;
        transition: background 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190),color 200ms linear;
	}

	#contato_about #alinhamento:hover #envelope{
		background: url(../publicados/imagens/envelope_hover.png) no-repeat;
	}

	#contato_about #alinhamento:hover #texto{
		color: #b8ac90;
	}

	#contato_about #alinhamento:hover #risco{
		background-color: #b8ac90;
	}
}


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

	#meet_our_qg .quadrado .texto, 
	#your_images .quadrado .texto {
		font-size: 30px;
		line-height: 120%;
	}

	#meet_our_qg .quadrado .texto {
		margin-top: -57px;
		margin-left: -33px;
		width: 66px;
		height: 110px;
	}

	#your_images .quadrado .texto {
		width: 85px;
		height: 146px;
		margin-top: -75px;
		margin-left: -42px;
	}

	.alinhamento2-each-info-name {
		font-size: 27px;
	}

	.alinhamento2-each-info-role {
		font-size: 11px;
	}

	#alinhamento.alinhamento2 #text {
		padding-top: 42px;
	}


	#awards_publications #premios{
		grid-template-columns: 1fr 1fr 1fr;
	}

		#awards_publications #premios .quadrado .titulo {
			font-size: 16px;
		}
}


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

	#logo_about {
		width: 500px;
		height: 100px;
		margin-top: -70px;
		margin-left: -250px;
	}

		#mmj_about,
		#reducao_about,
		#creative_about {
			display: none;
		}

		#about_mobile {
			font-family: 'Open Sans', sans-serif;
			font-weight: 700;
			text-align: center;
			color: #fff;
		}

			#about_mobile1 {
				font-size: 40px;
				letter-spacing: 5px;
				opacity: 0;
			}

			#about_mobile2 {
				margin-top: 5px;
				font-size: 24px;
				opacity: 0;
			}


	#alinhamento {
		margin: 80px auto;
	}

		#alinhamento #about,
		#alinhamento #text {
			width: auto;
			margin-left: 0px;
			padding-left: 60px;
			padding-right: 60px;
		}

			#alinhamento #about .titulo,
			#alinhamento #about .subtitulo {
				float: none;
				display: block;
				margin-left: 0px;
			}

			#alinhamento #about .risco {
				display: none;
			}


	#meet_our_qg .quadrado, 
	#your_images .quadrado {
		width: 50%;
	}

	#meet_our_qg .retangulo, 
	#your_images .retangulo {
		width: 100%;
	}

	#meet_our_qg div[data-id="3"],
	#meet_our_qg div[data-id="5"],
	#meet_our_qg div[data-id="6"],
	#meet_our_qg div[data-id="9"],
	#your_images div[data-id="1"],
	#your_images div[data-id="4"],
	#your_images div[data-id="5"],
	#your_images div[data-id="8"] { 
		display: none; 
	}

	#alinhamento.alinhamento2 {
		padding: 0px 60px;
		grid-gap: 0px 60px;
	}

		#alinhamento.alinhamento2 #text {
			padding-top: 38px;
			padding-left: 0px;
			padding-right: 0px;
		}

		.alinhamento2-each-info-name {
			margin-top: 42px;
		}

		.alinhamento2-each-info-role {
			margin-top: 3px;
		}
}


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

	.container_about {
		min-height: 400px !important;
		height: calc(100% - 58px) !important;
	}

	#scroll_down {
		bottom: -28px;
	}
}


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

	#logo_about {
		width: 240px;
		height: 78px;
		margin-top: -39px;
		margin-left: -120px;
	}

		#about_mobile1 {
			font-size: 33px;
			letter-spacing: initial;
		}

		#about_mobile2 {
			margin-top: 5px;
			font-size: 20px;
		}


	.container_about {
		height: calc(100% - 42px) !important;
	}

	#scroll_down {
		bottom: -12px;
	}


	#awards_publications #premios {
		padding-right: 40px;
		padding-bottom: 72px;
	}

		#alinhamento {
			margin: 65px 0px;
		}

		#awards_publications #alinhamento {
			margin-top: 20px;
			margin-bottom: 40px;
		}

			#awards_publications #premios .quadrado .titulo {
				font-size: 15px;
			}

			#alinhamento #about, 
			#alinhamento #text {
				padding-left: 48px;
				padding-right: 48px;
			}

				#alinhamento #about .titulo {
					margin-top: 0px;
					
					font-size: 28px;
					line-height: 100%;
				}

				#alinhamento #about .subtitulo {
					margin-top: 6px;
					letter-spacing: 1px;
					color: #BDBDBD;
				}

			
			#alinhamento #text {
				padding-top: 40px;

				font-size: 15px;
				letter-spacing: .5px;
			}

				#what_we_do .view_projects, 
				#more_than_suppliers .our_partners {
					margin-top: 50px;
				}


		#alinhamento.alinhamento2 {
			grid-template-columns: 1fr;
			grid-gap: 50px 0px;
			margin-top: 48px;
			padding: 0px 48px;
		}

			.alinhamento2-each-info-name {
				margin-top: 37px;
			}


		#contato_about {
			height: 405px !important;
			min-height: 405px; 
		}


		#contato_about #alinhamento {
			width: 260px;
			height: 204px;
			margin-top: -104px;
			margin-left: -130px;
		}

			#contato_about #alinhamento #envelope,
			#contato_about #alinhamento #risco {
				display: none;
			}

			#contato_about #alinhamento #texto {
				margin-top: 0px;
				margin-bottom: 22px;
				width: 255px;
				
				font-size: 37px;
				line-height: 107%;
			}

			#contato_about #alinhamento #texto2 {
				display: block;

				font-family: 'Open Sans', sans-serif;
				font-weight: 700;
				font-size: 14px;
				text-align: center;
				letter-spacing: .75px;
				color: #fff;
			}
}


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

	#awards_publications #premios{
		grid-template-columns: 1fr 1fr;
	}

		.alinhamento {
			margin: 0px 16px;
		}
}


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   -moz-min-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 2dppx) {

	.mmj_about { background-image: url('/publicados/imagens/about/mmj_about@2x.png'); }
	.reducao_about { background-image: url('/publicados/imagens/about/reducao_about@2x.png'); }
	.creative_about { background-image: url('/publicados/imagens/about/creative_about@2x.png'); }

	#contato_about #alinhamento #envelope { background-image: url(../publicados/imagens/envelope@2x.png); }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px),
only screen and (   -moz-min-device-pixel-ratio: 1.5) and (min-width: 1024px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 1024px),
only screen and (        min-device-pixel-ratio: 1.5) and (min-width: 1024px),
only screen and (                min-resolution: 2dppx) and (min-width: 1024px) {
	
	#contato_about #alinhamento:hover #envelope{ background-image: url(../publicados/imagens/envelope_hover@2x.png); }	
}