/* ---- maintenance ---- */

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

	.maintenance {
  		width: 850px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}

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

	.maintenance {
  		width: 750px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}

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

	.maintenance {
  		width: 700px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}

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

	.maintenance {
  		width: 650px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}

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

	.maintenance {
  		width: 600px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}

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

	.maintenance {
  		width: 550px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}

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

	.maintenance {
  		width: 450px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}

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

	.maintenance {
  		width: 350px;
  		padding-bottom: 90px;
  		padding-right: 20px;
  		padding-left: 20px;
	}

	.maintenance h3 {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance span {
		font-size: 28px;
		letter-spacing: 2px;
		line-height: 33px;
	}

	.maintenance img {
		padding-top: 30px;
		width: 150px;
	}

}





















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

	/* ---- header ---- */

	header {
		height: 120px;
	}

	header div {
	width: 50%;
	float: left;
	font-family: 'Tenor Sans', sans-serif;
	font-size: 20px;
	font-weight: 100;
	}

	#faixa-logo-index {
		height: 30px;
	}

	#faixa-about-index {
		height: 30px;
	}

	/* ---- footer ---- */

	footer {
		padding-top: 40px;
	}

	#faixa-social-index {
		height: 30px;
	}

	#faixa-contact-index {
		height: 30px;
	}

	/* ---- grid ---- */

	.grid {
  		width: 100%;
  		margin: 0 auto; 
	}

	/* clear fix */
	.grid:after {
  		content: '';
  		display: block;
  		clear: both;
	}

	/* ---- .grid-item ---- */

	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item {
		float: left;
 		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}

	.grid-item img {
  		display: block;
  		max-width: 100%;
	}

	/* ---- about ---- */

	#faixa-logo {
		height: 30px;
	}

	#faixa-close {
		height: 30px;
	}

	#faixa-lutadores {
		height: 30px;
	}

	#content-two {
		padding-top: 40px;
		padding-bottom: 50px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#content-two h3 {
		font-size: 35px;
		line-height: 42px;
	}

	#content-two span {
		font-size: 35px;
		line-height: 42px;
	}

	#frame-print {
		width: 350px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.top {
		margin-top: 0px;
	}

	#frame-print {
		width: 350px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#frame-print h1 {
		font-size: 25px;
		line-height: 35px;
	}

	#frame-print h2 {
		font-size: 20px;
		line-height: 35px;
	}

	/* ---- SOCIAL ---- */

	#social {
		max-width: 400px;
	}

	#social h3 {
		font-size: 35px;
		line-height: 42px;
	}

	#social span {
		font-size: 35px;
		line-height: 42px;
	}

	/* ---- PROJECT NAME ---- */

	#sentence h1 {
		font-size: 20px;
		padding-top: 30px;
		padding-left: 50px;
		padding-right: 50px;
	}

	#title h5 {
		font-size: 80px;
		line-height: 80px;
		padding-top: 100px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 30px;
	}


	/* ---- PROJECTS INFO ---- */

	.info-content {
		padding-left: 50px;
		padding-right: 50px;
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.info-content h3 {
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 40px;
		line-height: 50px;
	}

	.info-content span {
		font-size: 40px;
		line-height: 50px;
	}

	.info-content p {
		padding-top: 50px;
		font-size: 20px;
		line-height: 30px;
		color: #000000;
	}

	.credits {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 70px;
	}

	.credits h1 {
		font-size: 15px;
	}

	.credits p {
		font-size: 15px;
	}

	.credits span {
		font-size: 15px;
	}

	/* ---- BLOG INFO ---- */

	.info-blog {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.info-blog h5 {
		font-size: 25px;
		line-height: 35px;
	}

	.info-blog p {
		font-size: 20px;
		line-height: 30px;
	}

	.info-blog h6 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.grid-image h6 {
		font-size: 15px;
		line-height: 20px;
	}

	/* -------------------------- MODIFICAÇÕES -------------------------- */

	/* ---- BARRAS MENUS ---- */

	#faixa-top-barkyn, #faixa-top-lado, #faixa-top-sirius, #faixa-top-muuv, #faixa-top-quinta, #faixa-top-point, #faixa-top-flea, #faixa-top-vinganca, #faixa-top-rita, #faixa-top-luto, #faixa-top-cruel, #faixa-top-francisco, #faixa-top-blog, #faixa-top-tpr, #faixa-top-hiitfit, #faixa-top-bigbull, #faixa-top-pensarte, #faixa-top-boteco, #faixa-top-bomreal {
		height: 30px;
	}


	#faixa-close-project-barkyn, #faixa-close-project-lado, #faixa-close-project-sirius, #faixa-close-project-muuv, #faixa-close-project-quinta, #faixa-close-project-point, #faixa-close-project-flea, #faixa-close-project-vinganca, #faixa-close-project-rita, #faixa-close-project-luto, #faixa-close-project-cruel, #faixa-close-project-francisco, #faixa-close-project-blog, #faixa-close-project-tpr, #faixa-close-project-hiitfit, #faixa-close-project-bigbull, #faixa-close-project-pensarte, #faixa-close-project-boteco, #faixa-close-project-bomreal  {
		height: 30px;
	}

	#faixa-back-home-barkyn, #faixa-back-home-lado, #faixa-back-home-sirius, #faixa-back-home-muuv, #faixa-back-home-quinta, #faixa-back-home-point, #faixa-back-home-flea, #faixa-back-home-vinganca, #faixa-back-home-rita, #faixa-back-home-luto, #faixa-back-home-cruel, #faixa-back-home-francisco, #faixa-back-home-blog, #faixa-back-home-tpr, #faixa-back-home-hiitfit, #faixa-back-home-bigbull, #faixa-back-home-pensarte, #faixa-back-home-boteco, #faixa-back-home-bomreal {
		height: 30px;
	}	

}









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

	/* ---- header ---- */

	header {
		height: 120px;
	}

	header div {
	width: 50%;
	float: left;
	font-family: 'Tenor Sans', sans-serif;
	font-size: 20px;
	font-weight: 100;
	}

	#faixa-logo-index {
		height: 40px;
	}

	#faixa-about-index {
		height: 40px;
	}

	/* ---- footer ---- */

	footer {
		padding-top: 40px;
	}

	#faixa-social-index {
		height: 40px;
	}

	#faixa-contact-index {
		height: 40px;
	}

	/* ---- grid ---- */

	.grid {
  		width: 100%;
  		margin: 0 auto; 
	}

	/* clear fix */
	.grid:after {
  		content: '';
  		display: block;
  		clear: both;
	}

	/* ---- .grid-item ---- */

	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item {
		float: left;
 		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}

	.grid-item img {
  		display: block;
  		max-width: 100%;
	}

	/* ---- about ---- */

	#faixa-logo {
		height: 40px;
	}

	#faixa-close {
		height: 40px;
	}

	#faixa-lutadores {
		height: 40px;
	}

	#content-two {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#content-two h3 {
		font-size: 25px;
		line-height: 32px;
	}

	#content-two span {
		font-size: 25px;
		line-height: 32px;
	}

	.top {
		margin-top: 0px;
	}

	#frame-print {
		width: 320px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 15px;
	}

	#frame-print h1 {
		font-size: 20px;
		line-height: 30px;
	}

	#frame-print h2 {
		font-size: 20px;
		line-height: 30px;
	}

	/* ---- SOCIAL ---- */

	#social {
		max-width: 300px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#social h3 {
		font-size: 25px;
		line-height: 32px;
	}

	#social span {
		font-size: 25px;
		line-height: 32px;
	}

	/* ---- PROJECT NAME ---- */

	#sentence h1 {
		font-size: 15px;
		line-height: 20px;
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#title h5 {
		font-size: 50px;
		line-height: 55px;
		padding-top: 60px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10px;
	}


	/* ---- PROJECTS INFO ---- */

	.info-content {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.info-content h3 {
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 25px;
		line-height: 30px;
	}

	.info-content span {
		font-size: 25px;
		line-height: 30px;
	}

	.info-content p {
		padding-top: 30px;
		font-size: 15px;
		line-height: 25px;
		color: #000000;
	}

	.credits {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 50px;
	}

	.credits h1 {
		font-size: 12px;
	}

	.credits p {
		font-size: 12px;
	}

	.credits span {
		font-size: 12px;
	}

	/* ---- BLOG INFO ---- */

	.info-blog {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.info-blog h5 {
		font-size: 25px;
		line-height: 35px;
	}

	.info-blog p {
		font-size: 20px;
		line-height: 30px;
	}

	.info-blog h6 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.grid-image h6 {
		font-size: 15px;
		line-height: 20px;
	}	
	


	/* -------------------------- MODIFICAÇÕES -------------------------- */

	/* ---- BARRAS MENUS ---- */

	#faixa-top-barkyn, #faixa-top-lado, #faixa-top-sirius, #faixa-top-muuv, #faixa-top-quinta, #faixa-top-point, #faixa-top-flea, #faixa-top-vinganca, #faixa-top-rita, #faixa-top-luto, #faixa-top-cruel, #faixa-top-francisco, #faixa-top-blog, #faixa-top-tpr, #faixa-top-hiitfit, #faixa-top-bigbull, #faixa-top-pensarte, #faixa-top-boteco, #faixa-top-bomreal, #faixa-top-papertech, {
		height: 40px;
	}


	#faixa-close-project-barkyn, #faixa-close-project-lado, #faixa-close-project-sirius, #faixa-close-project-muuv, #faixa-close-project-quinta, #faixa-close-project-point, #faixa-close-project-flea, #faixa-close-project-vinganca, #faixa-close-project-rita, #faixa-close-project-luto, #faixa-close-project-cruel, #faixa-close-project-francisco, #faixa-close-project-blog, #faixa-close-project-tpr, #faixa-close-project-hiitfit, #faixa-close-project-bigbull, #faixa-close-project-pensarte, #faixa-close-project-boteco, #faixa-close-project-bomreal, #faixa-close-project-papertech {
		height: 40px;
	}

	#faixa-back-home-barkyn, #faixa-back-home-lado, #faixa-back-home-sirius, #faixa-back-home-muuv, #faixa-back-home-quinta, #faixa-back-home-point, #faixa-back-home-flea, #faixa-back-home-vinganca, #faixa-back-home-rita, #faixa-back-home-luto, #faixa-back-home-cruel, #faixa-back-home-francisco, #faixa-back-home-blog, #faixa-back-home-tpr, #faixa-back-home-hiitfit, #faixa-back-home-bigbull, #faixa-back-home-pensarte, #faixa-back-home-boteco, #faixa-back-home-bomreal, #faixa-back-home-papertech {
		height: 40px;
	}

}









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

	/* ---- header ---- */

	header {
		height: 120px;
	}

	header div {
	width: 50%;
	float: left;
	font-family: 'Tenor Sans', sans-serif;
	font-size: 20px;
	font-weight: 100;
	}

	#faixa-logo-index {
		height: 40px;
	}

	#faixa-about-index {
		height: 40px;
	}

	/* ---- footer ---- */

	footer {
		padding-top: 40px;
	}

	#faixa-social-index {
		height: 40px;
	}

	#faixa-contact-index {
		height: 40px;
	}

	/* ---- grid ---- */

	.grid {
  		width: 100%;
  		margin: 0 auto; 
	}

	/* clear fix */
	.grid:after {
  		content: '';
  		display: block;
  		clear: both;
	}

	/* ---- .grid-item ---- */

	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item {
		float: left;
 		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}

	.grid-item img {
  		display: block;
  		max-width: 100%;
	}

	/* ---- about ---- */

	#faixa-logo {
		height: 40px;
	}

	#faixa-close {
		height: 40px;
	}

	#faixa-lutadores {
		height: 40px;
	}

	#content-two {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#content-two h3 {
		font-size: 25px;
		line-height: 32px;
	}

	#content-two span {
		font-size: 25px;
		line-height: 32px;
	}

	.top {
		margin-top: 0px;
	}

	#frame-print {
		width: 320px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 15px;
	}

	#frame-print h1 {
		font-size: 20px;
		line-height: 30px;
	}

	#frame-print h2 {
		font-size: 20px;
		line-height: 30px;
	}

	/* ---- SOCIAL ---- */

	#social {
		max-width: 300px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#social h3 {
		font-size: 25px;
		line-height: 32px;
	}

	#social span {
		font-size: 25px;
		line-height: 32px;
	}

	/* ---- PROJECT NAME ---- */

	#sentence h1 {
		font-size: 15px;
		line-height: 20px;
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#title h5 {
		font-size: 50px;
		line-height: 55px;
		padding-top: 60px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10px;
	}


	/* ---- PROJECTS INFO ---- */

	.info-content {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.info-content h3 {
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 25px;
		line-height: 30px;
	}

	.info-content span {
		font-size: 25px;
		line-height: 30px;
	}

	.info-content p {
		padding-top: 30px;
		font-size: 15px;
		line-height: 25px;
		color: #000000;
	}

	.credits {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 50px;
	}

	.credits h1 {
		font-size: 12px;
	}

	.credits p {
		font-size: 12px;
	}

	.credits span {
		font-size: 12px;
	}

	/* ---- BLOG INFO ---- */

	.info-blog {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.info-blog h5 {
		font-size: 25px;
		line-height: 35px;
	}

	.info-blog p {
		font-size: 20px;
		line-height: 30px;
	}

	.info-blog h6 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.grid-image h6 {
		font-size: 15px;
		line-height: 20px;
	}

	/* -------------------------- MODIFICAÇÕES -------------------------- */

	/* ---- BARRAS MENUS ---- */

	#faixa-top-barkyn, #faixa-top-lado, #faixa-top-sirius, #faixa-top-muuv, #faixa-top-quinta, #faixa-top-point, #faixa-top-flea, #faixa-top-vinganca, #faixa-top-rita, #faixa-top-luto, #faixa-top-cruel, #faixa-top-francisco, #faixa-top-blog, #faixa-top-tpr, #faixa-top-hiitfit, #faixa-top-bigbull, #faixa-top-pensarte, #faixa-top-boteco, #faixa-top-bomreal, #faixa-top-papertech {
		height: 40px;
	}


	#faixa-close-project-barkyn, #faixa-close-project-lado, #faixa-close-project-sirius, #faixa-close-project-muuv, #faixa-close-project-quinta, #faixa-close-project-point, #faixa-close-project-flea, #faixa-close-project-vinganca, #faixa-close-project-rita, #faixa-close-project-luto, #faixa-close-project-cruel, #faixa-close-project-francisco, #faixa-close-project-blog, #faixa-close-project-tpr, #faixa-close-project-hiitfit, #faixa-close-project-bigbull, #faixa-close-project-pensarte, #faixa-close-project-boteco, #faixa-close-project-bomreal, #faixa-close-project-papertech {
		height: 40px;
	}

	#faixa-back-home-barkyn, #faixa-back-home-lado, #faixa-back-home-sirius, #faixa-back-home-muuv, #faixa-back-home-quinta, #faixa-back-home-point, #faixa-back-home-flea, #faixa-back-home-vinganca, #faixa-back-home-rita, #faixa-back-home-luto, #faixa-back-home-cruel, #faixa-back-home-francisco, #faixa-back-home-blog, #faixa-back-home-tpr, #faixa-back-home-hiitfit, #faixa-back-home-bigbull, #faixa-back-home-pensarte, #faixa-back-home-boteco, #faixa-back-home-bomreal, #faixa-back-home-papertech {
		height: 40px;
	}

}









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

	/* ---- header ---- */

	header {
		height: 120px;
	}

	header div {
	width: 50%;
	float: left;
	font-family: 'Tenor Sans', sans-serif;
	font-size: 20px;
	font-weight: 100;
	}

	#faixa-logo-index {
		height: 40px;
	}

	#faixa-about-index {
		height: 40px;
	}

	/* ---- footer ---- */

	footer {
		padding-top: 40px;
	}

	#faixa-social-index {
		height: 40px;
	}

	#faixa-contact-index {
		height: 40px;
	}

	/* ---- grid ---- */

	.grid {
  		width: 100%;
  		margin: 0 auto; 
	}

	/* clear fix */
	.grid:after {
  		content: '';
  		display: block;
  		clear: both;
	}

	/* ---- .grid-item ---- */

	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item {
		float: left;
 		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}

	.grid-item img {
  		display: block;
  		max-width: 100%;
	}

	/* ---- about ---- */

	#faixa-logo {
		height: 40px;
	}

	#faixa-close {
		height: 40px;
	}

	#faixa-lutadores {
		height: 40px;
	}

	#content-two {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#content-two h3 {
		font-size: 22px;
		line-height: 30px;
	}

	#content-two span {
		font-size: 22px;
		line-height: 30px;
	}

	.top {
		margin-top: 0px;
	}

	#frame-print {
		width: 300px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 15px;
	}

	#frame-print h1 {
		font-size: 15px;
		line-height: 22px;
	}

	#frame-print h2 {
		font-size: 15px;
		line-height: 22px;
	}

	/* ---- SOCIAL ---- */

	#social {
		max-width: 250px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#social h3 {
		font-size: 22px;
		line-height: 30px;
	}

	#social span {
		font-size: 22px;
		line-height: 30px;
	}

	/* ---- PROJECT NAME ---- */

	#sentence h1 {
		font-size: 15px;
		line-height: 20px;
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#title h5 {
		font-size: 40px;
		line-height: 45px;
		padding-top: 60px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10px;
	}


	/* ---- PROJECTS INFO ---- */

	.info-content {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.info-content h3 {
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 20px;
		line-height: 25px;
	}

	.info-content span {
		font-size: 20px;
		line-height: 25px;
	}

	.info-content p {
		padding-top: 30px;
		font-size: 15px;
		line-height: 22px;
		color: #000000;
	}

	.credits {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 50px;
	}

	.credits h1 {
		font-size: 12px;
	}

	.credits p {
		font-size: 12px;
	}

	.credits span {
		font-size: 12px;
	}

	/* ---- BLOG INFO ---- */

	.info-blog {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.info-blog h5 {
		font-size: 25px;
		line-height: 35px;
	}

	.info-blog p {
		font-size: 20px;
		line-height: 30px;
	}

	.info-blog h6 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.grid-image h6 {
		font-size: 15px;
		line-height: 20px;
	}

	/* -------------------------- MODIFICAÇÕES -------------------------- */

	/* ---- BARRAS MENUS ---- */

	#faixa-top-barkyn, #faixa-top-lado, #faixa-top-sirius, #faixa-top-muuv, #faixa-top-quinta, #faixa-top-point, #faixa-top-flea, #faixa-top-vinganca, #faixa-top-rita, #faixa-top-luto, #faixa-top-cruel, #faixa-top-francisco, #faixa-top-blog, #faixa-top-tpr, #faixa-top-hiitfit, #faixa-top-bigbull, #faixa-top-pensarte, #faixa-top-boteco, #faixa-top-bomreal, #faixa-top-papertech {
		height: 40px;
	}


	#faixa-close-project-barkyn, #faixa-close-project-lado, #faixa-close-project-sirius, #faixa-close-project-muuv, #faixa-close-project-quinta, #faixa-close-project-point, #faixa-close-project-flea, #faixa-close-project-vinganca, #faixa-close-project-rita, #faixa-close-project-luto, #faixa-close-project-cruel, #faixa-close-project-francisco, #faixa-close-project-blog, #faixa-close-project-tpr, #faixa-close-project-hiitfit, #faixa-close-project-bigbull, #faixa-close-project-pensarte, #faixa-close-project-boteco, #faixa-close-project-bomreal, #faixa-close-project-papertech {
		height: 40px;
	}

	#faixa-back-home-barkyn, #faixa-back-home-lado, #faixa-back-home-sirius, #faixa-back-home-muuv, #faixa-back-home-quinta, #faixa-back-home-point, #faixa-back-home-flea, #faixa-back-home-vinganca, #faixa-back-home-rita, #faixa-back-home-luto, #faixa-back-home-cruel, #faixa-back-home-francisco, #faixa-back-home-blog, #faixa-back-home-tpr, #faixa-back-home-hiitfit, #faixa-back-home-bigbull, #faixa-back-home-pensarte, #faixa-back-home-boteco, #faixa-back-home-bomreal, #faixa-back-home-papertech {
		height: 40px;
	}

}









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

	/* ---- header ---- */

	header {
		height: 120px;
	}

	header div {
	width: 50%;
	float: left;
	font-family: 'Tenor Sans', sans-serif;
	font-size: 20px;
	font-weight: 100;
	}

	#faixa-logo-index {
		height: 40px;
	}

	#faixa-about-index {
		height: 40px;
	}

	/* ---- footer ---- */

	footer {
		padding-top: 40px;
	}

	#faixa-social-index {
		height: 40px;
	}

	#faixa-contact-index {
		height: 40px;
	}

	/* ---- grid ---- */

	.grid {
  		width: 100%;
  		margin: 0 auto; 
	}

	/* clear fix */
	.grid:after {
  		content: '';
  		display: block;
  		clear: both;
	}

	/* ---- .grid-item ---- */

	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item {
		float: left;
 		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 10px;
	}

	.grid-item img {
  		display: block;
  		max-width: 100%;
	}

	/* ---- about ---- */

	#faixa-logo {
		height: 40px;
	}

	#faixa-close {
		height: 40px;
	}

	#faixa-lutadores {
		height: 40px;
	}

	#content-two {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#content-two h3 {
		font-size: 22px;
		line-height: 30px;
	}

	#content-two span {
		font-size: 22px;
		line-height: 30px;
	}

	.top {
		margin-top: 0px;
	}

	#frame-print {
		width: 300px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 5px;
		padding-bottom: 15px;
	}

	#frame-print h1 {
		font-size: 15px;
		line-height: 22px;
	}

	#frame-print h2 {
		font-size: 15px;
		line-height: 22px;
	}

	/* ---- SOCIAL ---- */

	#social {
		max-width: 250px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#social h3 {
		font-size: 22px;
		line-height: 30px;
	}

	#social span {
		font-size: 22px;
		line-height: 30px;
	}

	/* ---- PROJECT NAME ---- */

	#sentence h1 {
		font-size: 15px;
		line-height: 20px;
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#title h5 {
		font-size: 40px;
		line-height: 45px;
		padding-top: 60px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 10px;
	}


	/* ---- PROJECTS INFO ---- */

	.info-content {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.info-content h3 {
		padding-bottom: 0px;
		padding-top: 0px;
		font-size: 20px;
		line-height: 25px;
	}

	.info-content span {
		font-size: 20px;
		line-height: 25px;
	}

	.info-content p {
		padding-top: 30px;
		font-size: 15px;
		line-height: 22px;
		color: #000000;
	}

	.credits {
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 50px;
	}

	.credits h1 {
		font-size: 12px;
	}

	.credits p {
		font-size: 12px;
	}

	.credits span {
		font-size: 12px;
	}

	/* ---- BLOG INFO ---- */

	.info-blog {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.info-blog h5 {
		font-size: 25px;
		line-height: 35px;
	}

	.info-blog p {
		font-size: 20px;
		line-height: 30px;
	}

	.info-blog h6 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.grid-image h6 {
		font-size: 15px;
		line-height: 20px;
	}

	/* -------------------------- MODIFICAÇÕES -------------------------- */

	/* ---- BARRAS MENUS ---- */

	#faixa-top-barkyn, #faixa-top-lado, #faixa-top-sirius, #faixa-top-muuv, #faixa-top-quinta, #faixa-top-point, #faixa-top-flea, #faixa-top-vinganca, #faixa-top-rita, #faixa-top-luto, #faixa-top-cruel, #faixa-top-francisco, #faixa-top-blog, #faixa-top-tpr, #faixa-top-hiitfit, #faixa-top-bigbull, #faixa-top-pensarte, #faixa-top-boteco, #faixa-top-bomreal, #faixa-top-papertech {
		height: 40px;
	}


	#faixa-close-project-barkyn, #faixa-close-project-lado, #faixa-close-project-sirius, #faixa-close-project-muuv, #faixa-close-project-quinta, #faixa-close-project-point, #faixa-close-project-flea, #faixa-close-project-vinganca, #faixa-close-project-rita, #faixa-close-project-luto, #faixa-close-project-cruel, #faixa-close-project-francisco, #faixa-close-project-blog, #faixa-close-project-tpr, #faixa-close-project-hiitfit, #faixa-close-project-bigbull, #faixa-close-project-pensarte, #faixa-close-project-boteco, #faixa-close-project-bomreal, #faixa-close-project-papertech {
		height: 40px;
	}

	#faixa-back-home-barkyn, #faixa-back-home-lado, #faixa-back-home-sirius, #faixa-back-home-muuv, #faixa-back-home-quinta, #faixa-back-home-point, #faixa-back-home-flea, #faixa-back-home-vinganca, #faixa-back-home-rita, #faixa-back-home-luto, #faixa-back-home-cruel, #faixa-back-home-francisco, #faixa-back-home-blog, #faixa-back-home-tpr, #faixa-back-home-hiitfit, #faixa-back-home-bigbull, #faixa-back-home-pensarte, #faixa-back-home-boteco, #faixa-back-home-bomreal, #faixa-back-home-papertech {
		height: 40px;
	}

}









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

	
	#faixa-logo-index {
	background-image: url(../img/faixa/1920-faixa-logo.svg);
	height: 60px;
	}

	#faixa-about-index {
	background-image: url(../img/faixa/1920-faixa-about-index.svg);
	height: 60px;
	}

	#faixa-social-index {
	background-image: url(../img/faixa/1920-faixa-social-index.svg);
	height: 60px;
	}

	#faixa-contact-index {
	background-image: url(../img/faixa/1920-faixa-contact-index.svg);
	height: 60px;
	}

	#faixa-logo {
	background-image: url(../img/faixa/1920-faixa-logo.svg);
	height: 60px;
	}

	#faixa-close {
	background-image: url(../img/faixa/1920-faixa-close.svg);
	height: 60px;
	}

	#faixa-lutadores {
	background-image: url(../img/faixa/1920-faixa-lutadores.svg);
	height: 60px;
	}


	/* -------------------------- MODIFICAÇÕES -------------------------- */

/* ---- BARKYN ---- */

#faixa-top-barkyn {
	background-image: url(../img/faixa/1920-faixa-back-project-barkyn.svg);
	height: 60px;
}


#faixa-close-project-barkyn {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-barkyn {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- LADO ESQUERDO ---- */

#faixa-top-lado {
	background-image: url(../img/faixa/1920-faixa-back-project-lado.svg);
	height: 60px;
}


#faixa-close-project-lado {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-lado {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- MUUV ---- */


#faixa-top-muuv {
	background-image: url(../img/faixa/1920-faixa-back-project-muuv.svg);
	height: 60px;
}


#faixa-close-project-muuv {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-muuv {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- QUINTA DELLAS ---- */

#faixa-top-quinta {
	background-image: url(../img/faixa/1920-faixa-back-project-quinta.svg);
	height: 60px;
}


#faixa-close-project-quinta {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-quinta {
	background-image: url(../img/faixa/1920-aixa-back-home.svg);
	height: 60px;
}

/* ---- FLEA MARKET ---- */

#faixa-top-flea {
	background-image: url(../img/faixa/1920-faixa-back-project-flea.svg);
	height: 60px;
}


#faixa-close-project-flea {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-flea {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- VINGANCA ---- */


#faixa-top-vinganca {
	background-image: url(../img/faixa/1920-faixa-back-project-vinganca.svg);
	height: 60px;
}


#faixa-close-project-vinganca {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-vinganca {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- LUTO ---- */

#faixa-top-luto {
	background-image: url(../img/faixa/1920-faixa-back-project-luto.svg);
	height: 60px;
}


#faixa-close-project-luto {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-luto {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- RITA DIAMOND ---- */

#faixa-top-rita {
	background-image: url(../img/faixa/1920-faixa-back-project-rita.svg);
	height: 60px;
}


#faixa-close-project-rita {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-rita {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- CRUEL ---- */

#faixa-top-cruel {
	background-image: url(../img/faixa/1920-faixa-back-project-cruel.svg);
	height: 60px;
}


#faixa-close-project-cruel {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-cruel {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}


/* ---- SIRIUS LUNARIS ---- */


#faixa-top-sirius {
	background-image: url(../img/faixa/1920-faixa-back-project-sirius.svg);
	height: 60px;
}


#faixa-close-project-sirius {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-sirius {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- FRANCISCO FONSECA ---- */

#faixa-top-francisco {
	background-image: url(../img/faixa/1920-faixa-back-project-francisco.svg);
	height: 60px;
}


#faixa-close-project-francisco {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-francisco {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- POINT OF SALE ---- */

#faixa-top-point {
	background-image: url(../img/faixa/1920-faixa-back-project-point.svg);
	height: 60px;
}


#faixa-close-project-point {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-point {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- TPR ---- */

#faixa-top-tpr {
	background-image: url(../img/faixa/1920-faixa-back-project-tpr.svg);
	height: 60px;
}


#faixa-close-project-tpr {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-tpr {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- FIT HIIT ---- */

#faixa-top-hiitfit {
	background-image: url(../img/faixa/1920-faixa-back-project-hiitfit.svg);
	height: 60px;
}


#faixa-close-project-hiitfit {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-hiitfit {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- BIG BULL ---- */

#faixa-top-bigbull {
	background-image: url(../img/faixa/1920-faixa-back-project-bigbull.svg);
	height: 60px;
}


#faixa-close-project-bigbull {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-bigbull {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- BOTECO ---- */

#faixa-top-boteco {
	background-image: url(../img/faixa/1920-faixa-back-project-boteco.svg);
	height: 60px;
}


#faixa-close-project-boteco {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-boteco {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- PENSARTE ---- */

#faixa-top-pensarte {
	background-image: url(../img/faixa/1920-faixa-back-project-pensarte.svg);
	height: 60px;
}


#faixa-close-project-pensarte {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-pensarte {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}

/* ---- BOM REAL ---- */

#faixa-top-bomreal {
	background-image: url(../img/faixa/1920-faixa-back-project-bomreal.svg);
	height: 60px;
}


#faixa-close-project-bomreal {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-bomreal {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}


/* ---- PAPERTECH ---- */

#faixa-top-papertech {
	background-image: url(../img/faixa/1920-faixa-back-project-papertech.svg);
	height: 60px;
}


#faixa-close-project-papertech {
	background-image: url(../img/faixa/1920-faixa-close-project.svg);
	height: 60px;
}

#faixa-back-home-papertech {
	background-image: url(../img/faixa/1920-faixa-back-home.svg);
	height: 60px;
}
	/* ---- grid ---- */

	.grid-item-image {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	}

	.grid-item-image img {   
    margin: 0 auto;
  	display: block;
  	max-width: 100%;
	}

	/* ---- PROJECT NAME ---- */

	#sentence h1 {
	font-family: 'Archivo', sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #000000;
	letter-spacing: 1px;
	padding-top: 30px;
	padding-left: 158px;
	}

	#title h5 {
	font-family: 'Archivo Black', sans-serif;
	font-size: 110px;
	color: #000000;
	padding-top: 200px;
	padding-left: 155px;
	padding-bottom: 50px;
	letter-spacing: -1px;
	}

}