/*
 * INDEX
 * * ALL
 * * #185 CROSS MOVES CHALLENGE 18
 * * #186 DESAFIO NUTRIHUT
 * * #187 CAMPANHA MARÇO
 * * #188 COVID-19
 * * #189 COVID-19 -> LESMILLS ON DEMAND
 * * #190 COVID-19 -> FACEBOOK 
 * * #191 COVID-19 -> PTs
 * * #192 PTday ONLINE
 * * #193 HUThome
 * * #194 COVID-19 -> REABERTURA
 * * #195 AULAS OUTDOOR
 * * #196 MEDIDAS SEGURANÇA
 * * #206 AGOSTO / 1
 * * #207 AGOSTO / 2
 * * #209 TRIATLO INDOOR
 */

/* 
 *
 * ALL  
 *
 */
@media only screen {
	#revolutionSlider .link a {
		font-size: 1.6rem;
		letter-spacing: .5px;
		font-weight: normal;
		text-transform: uppercase;
		background: #06c;
		border: none;
		color: #fff;
		padding: .5em 2em;
		transition: all .3s;
	}

	#revolutionSlider .link a:hover {
		transform: scale(1.2);
		background: #000;
		color: #fff;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
	}

	#revolutionSlider .copy h2 {
		font-size: 36px;
		color: #222;
		font-weight: 900;
		letter-spacing: 1px;
	}

	#revolutionSlider .copy p {
		font-size: 18px;
		color: #222;
		text-transform: unset;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
	}

	#revolutionSlider .stripes {
		position: absolute;
		top: 0;
		left: -10px;
		width: 200px;
		height: 100px;
	}
}

/* 
 *
 * #185 CROSS MOVES CHALLENGE 18  
 *
 */
@media only screen {
	#banner185 .logo img {
		width: 330px;
	}

	#banner185 .data p {
		font-family: 'Lato', Helvetica, sans-serif;
		font-size: 16px;
		color: #000;
		line-height: 1.2;
		letter-spacing: 1px;
		font-weight: 400;
		text-transform: uppercase;
	}

	#banner185 .headline h1 {
		color: #222;
		padding: .25em .5em;
		font-size: 24px;
		font-weight: 600;
		line-height: 1.2em;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	#banner185 .hero img {
		width: 65%;
	}

	#banner185 .link a {
		font-size: 1.6rem;
		font-weight: normal;
		text-transform: uppercase;
		background: #222;
		border: none;
		color: #fff;
		padding: .5em 1em;
		transition: all .3s;
	}

	#banner185 .link a:hover {
		transform: scale(1.2);
		background: #01fad5;
		color: #06c;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
	}
}

/* 
 *
 * #186 DESAFIO NUTRIHUT
 *
 */
@media only screen {
	#banner186 .headline h2 {
		color: #222;
		text-transform: uppercase;
		font-size: 2.5rem;
		letter-spacing: 1px;
	}

	#banner186 .hero img {
		width: 65%;
	}

	#banner186 .desafio img {
		width: 90%;
	}

	#banner186 .logo img {
		width: 150%;
		filter: drop-shadow(10px 10px 12px rgba(120, 144, 156, 0.6));
	}

	#banner186 .link a:hover {
		transform: scale(1.2);
		background: #7fcc0d;
		color: #fff;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
	}
}

/* 
 *
 * #187 CAMPANHA MARÇO
 *
 */
@media only screen {
	#banner187 .headline {
		width: 100px;
	}

	#banner187 .headline h2 {
		font-style: italic;
		text-transform: uppercase;
		font-size: 1.4em;
		line-height: 1.6em;
		letter-spacing: 1px;
		font-weight: 700;
	}

	#banner187 .headline h2 span {
		font-size: 1.6em;
	}

	#banner187 .promo {
		width: 210px;
	}

	#banner187 .link a:hover {
		transform: scale(1.2);
		background: #9fc;
		color: #06c;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
	}
}

/* 
 *
 * #188 COVID-19
 *
 */
@media only screen {
	#banner188 {
		background: #faf7f2;
	}
	#banner188 .hero img {
		width: 90px;
		height: 90px;
	}

	#banner188 .copy h2 {
		font-size: 50px;
		color: #222;
		text-transform: uppercase;
		font-weight: 900;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}

	#banner188 .copy h3 {
		font-size: 28px;
		color: #222;
		text-transform: unset;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 1.2;
	}

	#banner188 .copy h3:last-of-type {
		margin-top: 20px;
	}
}

/* 
 *
 * #189 COVID-19 -> LESMILLS ON DEMAND
 *
 */
@media only screen {
	#banner189 {
		background: #faf7f2;
	}

	#banner189 .icon img {
		z-index: 1;
	}

	#banner189 .hero img {
		width: 335px;
	}

	#banner189 .copy h2 {
		font-size: 36px;
		color: #222;
		font-weight: 900;
		letter-spacing: 2px;
	}

	#banner189 .copy p {
		font-size: 18px;
		color: #222;
		text-transform: unset;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
	}

	#banner189 .logo img {
		width: 250px;
	}

	#banner189 .link a {
		font-size: 1.6rem;
		letter-spacing: 1px;
		font-weight: normal;
		text-transform: uppercase;
		background: #0daf88;
		border: none;
		color: #fff;
		padding: .5em 2em;
		transition: all .3s ease-out;
	}

	#banner189 .link a:hover {
		background: #222;
		color: #fff;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
		transform: scale(1.1);
	}
}

/* 
 *
 * #190 COVID-19 -> FACEBOOK 
 *
 */
@media only screen {
	#banner190 {
		background: #faf7f2;
	}

	#banner190 .hero img {
		width: 335px;
	}

	#banner190 .copy h2 {
		font-size: 36px;
		color: #222;
		font-weight: 900;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}

	#banner190 .copy p {
		font-size: 18px;
		color: #222;
		text-transform: unset;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
	}
}

/* 
 *
 * #191 COVID-19 -> PTs
 *
 */
@media only screen {
	#banner191 {
		background: #faf7f2;
	}

	#banner191 .icon img {
		z-index: 1;
		width: 60px;
	}

	#banner191 .hero img {
		width: 1000px;
	}

	#banner191 .copy h2 {
		font-size: 36px;
		color: #222;
		font-weight: 900;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}

	#banner191 .copy p {
		font-size: 18px;
		color: #222;
		text-transform: unset;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
	}
}

/* 
 *
 * #192 PTday ONLINE
 *
 */
@media only screen {
	#banner192 .copy h2 {
		font-size: 22px;
		line-height: 1.3;
		color: #222;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 10px;
	}

	#banner192 .date p {
		font-size: 28px;
		color: #222;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
	}
}

/* 
 *
 * #193 HUThome
 *
 */
@media only screen {
	#banner193 .logo {
		z-index: 2;
	}
	#banner193 .hero {
		z-index: 1;
	}
}

/* 
 *
 * #194 COVID-19 -> REABERTURA
 *
 */
@media only screen {
	#banner194 .hero img {
		width: 335px;
	}

	#banner194 .copy h2 {
		font-size: 36px;
		color: #222;
		font-weight: 900;
		letter-spacing: 2px;
	}

	#banner194 .copy p {
		font-size: 18px;
		color: #222;
		text-transform: unset;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
	}

	#banner194 .logo img {
		width: 250px;
	}
}

/* 
 *
 * #195 AULAS OUTDOOR
 *
 */
@media only screen {
	#banner195 .copy h2 {
		font-size: 36px;
		color: #222;
		font-weight: 900;
		letter-spacing: 2px;
	}

	#banner195 .class-logo {
		z-index: 2;
	}

	#banner195 .class-logo img {
		width: 360px;
	}

	#banner195 .splash img {
		width: 80px;
	}

	#banner195 .hero img {
		width: 335px;
		z-index: 1;
	}
}

/* 
 *
 * #196 COVID-19 / MEDIDAS SEGURANÇA
 *
 */
@media only screen {
	#banner196 .icon img {
		width: 120px;
		height: 120px;
	}

	#banner196 .copy h2 {
		font-size: 36px;
		color: #222;
		font-weight: 900;
		letter-spacing: 2px;
	}

	#banner196 .copy p {
		font-size: 18px;
		color: #222;
		text-transform: unset;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
	}

	#banner196 .subtitle p {
		font-size: 14px;
		color: #06c;
		text-transform: unset;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1.5;
		width: 200px;
		text-align: center;
	}
}

/* 
 *
 * #206 AGOSTO / 1
 *
 */
#banner206 .copy p {
	text-align: center;
	width: 280px;
	font-size: 20px;
}

/* 
 *
 * #207 AGOSTO / 2
 *
 */
#banner207 .copy p {
	text-align: center;
	width: 360px;
	font-size: 20px;
}

/* 
 *
 * #209 TRIATLO INDOOR
 *
 */
#banner209 .date p,
#banner209 .logo h2,
#banner209 .exercises li,
#banner209 .copy {
	color: #222;
	text-transform: uppercase;
	font-style: italic;
}

#banner209 .date p {
	letter-spacing: 8px;
	font-size: 4rem;
}

#banner209 .logo h2 {
	letter-spacing: 1px;
	font-size: 8rem;
	font-weight: 800;
}

#banner209 .logo.one h2 {
	letter-spacing: 3px;
}

#banner209 .exercises ul {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 300px;
}
#banner209 .exercises li {
	width: calc(100% / 3);
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid #222;
	text-align: center;
	font-size: 2rem;
	letter-spacing: .5px;
}

#banner209 .exercises li:last-of-type {
	border-right: 1px solid #222;
}

#banner209 .copy h2 {
	font-size: 2rem;
	letter-spacing: 2px;
}

/* 
 *
 * #212 SETEMBRO C1
 *
 */
#banner212 .hero {
	z-index: 2;
}

/* 
 *
 * #216 PTDAY 20
 *
 */

#banner216 .sponsor {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#banner216 .sponsor p {
	text-transform: uppercase;
	font-size: 1.3rem;
}

#banner216 .sponsor img {
	margin-left: 1rem;
}

/* 
 *
 * #217 ACADEMIA FORMAÇÃO
 *
 */
#banner217 .hero h2,
#banner217 .hero p,
#banner217 .copy h2,
#banner217 .copy h3,
#banner217 .copy p {
	color: #222;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: 800;
}

#banner217 .copy p {
	font-size: 1.6rem;
}

#banner217 .copy h3 {
	font-size: 1.6rem;
	letter-spacing: .5px;
	line-height: 1;
}

#banner217 .copy h3 span {
	font-weight: 400;
	font-size: 1.3rem;
}

#banner217 .hero h2 {
	font-style: italic;
	font-size: 4rem;
	letter-spacing: 1px;
}

#banner217 .hero p {
	font-size: 1.8rem;
	letter-spacing: .5px;
}

/* 
 *
 * #218 MOVE DAY 28
 *
 */
#banner218 .copy h2 {
	font-size: 30px;
}