/* Misc. */
@media only screen and (max-width: 1365px){
	.wrapper {
		max-width: none;
	}
	.mainTitle {
		clear: both;
	}
}

@media only screen and (max-width: 1023px){ /* 1024 */
	.navMouse{
		display: none;
	}
}

@media only screen and (max-width: 520px){
	.mainTitle {
		padding-left: 23px;
		padding-right: 23px;
		margin-top: 0px;
	}
	.navBox{
		display: none;
	}
	.contentWrap{
		margin-left: 20px; /* 83!!! */
		margin-right: 20px; 
	}
}

@media only screen and (max-width: 380px){
	.mainTitle {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* VideoThing */
@media only screen and (max-width: 1365px){
	.videoThing {
	    	width: 100%;
	}
	.videoThing .videoBlock img{
		width: 100%;
		height: 100%;
		object-fit: cover; /* IE sucks! */
	}
	.videoThing video{
		object-fit: cover; /* IE sucks! */
	}
	.ladies{
		bottom: 22px;
	}
	.ladies .lady {
		width: 149px;
	}
	.ladies .lady .age,
	.ladies .lady .name {
		font-size: 18px;
	}
	.ladies .lady .age span{
		font-size: 14px;
	}
	.keracnylMovie{
		width: 800px; /* keep default */
		height: 460px; /* keep default */
	}
}
/*@media only screen and (max-width: 1365px) and (min-width: 950px){
	.keracnylMovie{
		width: 800px;
		height: 460px;
	}
}*/
@media only screen and (max-width: 1033px) and (min-width: 1024px){
	.keracnylMovie{
		margin-top: 50px;
	}
}
@media only screen and (max-width: 1160px) and (min-width: 1140px){
	.keracnylMovie{
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1040px){
	.videoThing {
	    	height: 400px;
	}
	.ladies .lady {
		width: 120px;
		height: auto;
	}
	.ladies{
		bottom: 12px;
	}
	.ladies .lady .age,
	.ladies .lady .name {
		font-size: 14px;
	}
	.ladies .lady .age span{
		font-size: 10px;
	}
	.ladies .lady .description {
		font-size: 10px;
	}
	.keracnylMovie{/* 1,7391304347826086956521739130435*/
		width: 695px;
		height: 400px;
	}
}
@media only screen and (max-width: 925px){
	.videoThing {
	    	height: 340px;
	}
	.ladies .lady {
		width: 100px;
		height: auto;
		margin-right: 30px;
	}
	.ladies {
    		margin-left: 30px; /* counteract */
	}
	.ladies .lady .age,
	.ladies .lady .name {
		font-size: 10px;
	}
	.ladies .lady .age span{
		font-size: 8px;
	}
	.ladies .lady .description {
		font-size: 8px;
	}
	.keracnylMovie{
		width: 591px;
		height: 340px;
	}
}
@media only screen and (max-width: 760px){
	.videoThing {
	    	height: 300px;
	}
	.ladies .lady {
		width: 80px;
		height: auto;
		margin-right: 20px;
	}
	.ladies {
    		margin-left: 20px; /* counteract */
	}
	.controlsWrap .contestbutton {
		width: 120px;
		height: 120px;
		background-size: contain;
		bottom: -10px;
		right: -45px;
	}
	.keracnylMovie{
		width: 521px;
		height: 300px;
	}
}
@media only screen and (max-width: 700px){
	.videoThing {
	    	height: 240px;
	}
	.ladies .lady .description {
		display: none;
	}
	.lady .nameBlock.mobile {
		display: block;
	}
	.controlsWrap .playbutton {
		width: 60px;
		height: 60px;
		background-size: contain;
		margin-top: -30px;
		margin-left: -30px;
	}
	.lady.advice{
		display: none;
	}
	.keracnylMovie{
		width: 330px;
		height: 190px;
	}
}
@media only screen and (max-width: 380px){
	.ladies .lady {
		width: 60px;
		height: auto;
		margin-right: 10px;
	}
	.ladies {
    		margin-left: 10px; /* counteract */
	}
	.ladies .lady .age,
	.ladies .lady .name {
		font-size: 8px;
	}
	.ladies .lady .age span{
		font-size: 6px;
	}
	.ladies .lady .description {
		font-size: 6px;
	}
	.keracnylMovie{
		width: 275px;
		height: 158px;
	}
}

/* Main menu */
@media only screen and (max-width: 720px){
	.ducrayLogo {
		background-size: contain;
		width: 183px; /* 283 x 82 */
	}
	.menuButton {
		margin-top: 14px;
	}
	.topShare {
		margin-top: 0px;
	}
	.topShare .shareButtons .sbTitle {
		font-size: 12px;
	}
}
@media only screen and (max-width: 630px){
	.menuButton {
		margin-left: 30px;
	}
	.topShare {
		margin-right: 30px;
	}
}
@media only screen and (max-width: 520px){
	.menuButton {
		margin-left: 20px;
	}
	.topShare {
		margin-top: 2px;
		width: 80px;
		margin-right: 20px;
	}
	.topShare .shareButtons .sbTitle {
		display: none;
	}
	.topShare .shareButtons a {
		margin-bottom: 2px;
	}
	.menuButton {
		width: 35px;
		background-size: contain;
		font-size: 12px;
		color: transparent; /* remove text */
	}
	.menuBody .menuButton {
		color: inherit;
	}
}
@media only screen and (max-width: 380px){
	.topShare .shareButtons a {
		width: 25px;
		height: 25px;
		line-height: 25px;
	}
	.menuButton {
		margin-left: 10px;
	}
	.topShare {
		margin-right: 10px;
	}
	.menuBody .menuButton {
		margin-left: 20px;
	}
}
@media only screen and (max-width: 360px){
	.menuButton {
		margin-left: 5px;
	}
	.topShare {
		margin-right: -2px;
	}
	.menuBody .menuButton {
		margin-left: 20px;
	}
}
/* Contest screen */
@media only screen and (max-width: 1270px){
	.gradientThing {
    		width: 590px;
	}
}
@media only screen and (max-width: 1180px){
	.gradientThing {
    		width: 520px;
	}
	.bulletList {
    		margin-left: 45px;
	}
}
@media only screen and (max-width: 1100px){
	.secondMadamThing {
		width: 580px; /*680x700*/
		background-color: transparent;
	}
	.secondMadamThingAdvice {
		min-height: 618px;
	}
}
@media only screen and (max-width: 1040px){
	.gradientThing {
		top: 0;
	}
	.gradientThing.contestAdviceThing{
		top: -71px; /* initial */
	}
	.secondMadamThing {
		height: 600px;
	}
}
/* *END OF 1024 CYCLE* */
@media only screen and (max-width: 1023px){
	.gradientThing {
		position: relative;
		height: auto;
		min-height: 550px;
		width: 100%;
		margin-left: 0;
		left: 0;
		top: 0;
		text-align: center;
		margin-top: 35px;
	}
	.bulletList {
		position: static;
		text-align: left;
		display: inline-block;
		margin-top: 35px;
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.secondMadamThing{
		width: 100%;
		background-position: center top;
	}
	.gradientThing.contestAdviceThing {
		top: 0;
		background: url(/visual/images/gradientThing.jpg); /* change background to primary */
		background-repeat: repeat-x;
		background-color: transparent;
	}
	.secondMadamThingAdvice{
		min-height: 0;
		background: none;
	}
	.blNumberDescription br { display: none; }
	.secondMadamThing .nav{
		display: none;
	}
	.navCircle[href="#contestScreen"]{
		display: none; /* temporary solution */
	}
	.controlsWrap .contestbutton.cbNonMobile{
		display: none;
	}
	.navCircleMobile{
		display: inline-block;
	}
	.navMobile{
		display: block;
	}
	.controlsWrap .contestbutton.navMobile{
		display: block;
	}
}
@media only screen and (max-width: 660px){
	.number.blNumberText{
		display: block;		
		margin-bottom: 5px;
		/*margin-left: auto;
		margin-right: auto;*/ /* C */
	}
}
@media only screen and (max-width: 640px){
	.blButton{
		margin-left: auto;
		margin-right: auto;
	}
	.blRulesHolder{
		width: 100%;
	}
	.productLineHolder{
		height: 130px;
		margin-left: 0px;
	}
	.productLine{
		left: 50%;
		margin-left: -102px;
		top: 30px;
	}
}
/* Ten Advice */
@media only screen and (max-width: 1330px){
	.tenIntro {
		margin-left: 25px;
	}
}
@media only screen and (max-width: 1270px){
	/*.thirdMadamThing {
		margin-left: -83px;
	}*/
	.tenTitle {
		font-size: 40px;
		line-height: 40px;
		max-width: 300px;
	}
	.tenSubTitle {
		max-width: 300px;
	}
}
@media only screen and (max-width: 1180px){
	.tenTitle {
		max-width: 270px;
	}
	.tenSubTitle {
		max-width: 270px;
	}
}
@media only screen and (max-width: 1140px){
	.tenTitle {
		font-size: 32px;
		line-height: 32px;
		max-width: 220px;
	}
	.tenSubTitle {
		max-width: 220px;
	}
}
@media only screen and (max-width: 1140px){
	.thirdMadamThing {
		background-size: 582px 600px;
		margin-bottom: 1px; /* flush */
	}
}
/* *END OF 1024 CYCLE* */
@media only screen and (max-width: 1023px){
	.thirdMadamThing {
		background-position: bottom center;
		background: none;
		min-height: 0; /* otherwise looks like shit */
		margin-bottom: 62px; /* same as top */
	}
	.secondMadamThing {
		background-image: url(/visual/images/madam2.jpg); /* replace background */
		background-size: cover;
	}
	.tenIntro {
		margin-top: 0px;
		display: inline-block;
		float: none;
		margin-left: 0px;
		max-width: 1000px;
		text-align: center;
		margin-bottom: 0px;
	}
	.tenTitle{
		font-size: 36px;
		line-height: 40px;
		max-width: none;
	}
	.tenSubTitle{
		max-width: none;
	}
	.tenAdvices{
		text-align: center;
	}
	.tenButton{
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 0px;
	}
}
/* Product */
@media only screen and (max-width: 1330px){
	.gradientThing2 {
		width: 1330px;
	}
}
@media only screen and (max-width: 1280px){
	.gradientThing2 {
		width: 1280px;
	}
	.gradientThing3{
		width: 1100px;
	}
}
@media only screen and (max-width: 1220px){
	.gradientThing2 {
		text-align: left;
	}
	.gradientThing3{
		width: 1000px;
		margin-left: 105px;
	}
}
@media only screen and (max-width: 1140px){
	.gradientThing3{
		margin-left: 70px;
		margin-top: 50px; /* flush allows */
	}
	.gradientThing2 {
		min-height: 720px; /* flush allows */
	}
	.gradientThing2.contestAdvice {
		margin-top: 0px;
	}
}
@media only screen and (max-width: 1080px){
	.gradientThing3{
		margin-left: 35px;
	}
	.nav.white {
		left: 15px;
	}
}
@media only screen and (max-width: 1040px){
	.gradientThing3{
		width: 900px;
		margin-left: 80px;
	}
	.nav.white {
		left: 35px;
	}
}
/* *END OF 1024 CYCLE* */
@media only screen and (max-width: 1023px){
	.gradientThing2 {
		margin-top: 0px;
		width: 100%;
		border-left: 2px solid #2b76a2;
		border-right: 2px solid #2b76a2;
		margin-left: -2px; /* border compensation */
		min-height: 0;
	}
	.gradientThing3 {
		width: 100%;
		margin-left: 0px;
		height: auto;
		margin-bottom: 20px;
		background-color: #e5e5e5;
	}
	.gT3DRLogoText {
		padding-left: 10px;
		padding-right: 10px;
	}
	.nav.white {
	    left: -41px;
	}
	.nav.white .navCircle{
		border-color: #2b76a2;
		background-color: white;
	}
	.nav.white .navCircle:hover,.nav.white .navCircle.active{
		background-color: #2b76a2;
	}
	.nav.white .navTitle{
		color: #2b76a2;
	}
	.gT3ContentBlock,
	.gT3productDescription,
	.gT3ContentBlock.gT3product1,
	.gT3ContentBlock.gT3product2,
	.gT3ContentBlock.gT3product3,
	.gT3ContentBlock.gT3product4,
	.gT3ContentBlock.gT3product1 .gT3productDescription,
	.gT3ContentBlock.gT3product2 .gT3productDescription,
	.gT3ContentBlock.gT3product3 .gT3productDescription,
	.gT3ContentBlock.gT3product4 .gT3productDescription{
		max-width: none !important;
		min-width: 0 !important;
	}
	.gT3ContentBlock{
		width: auto !important;
		/*padding-left: 60px;*/
		padding-right: 60px;
		/*margin-bottom: 50px;*/ /* increased due to reflection bug, see below */
		margin-bottom: 80px;
		position: relative;
		padding-left: 180px;
	}
	.gT3ContentBlock.gT3product2{
		padding-left: 240px; /* wider picture */
	}
	.gT3productImage {
		/*margin-right: 25px;*/
		position: absolute; /* remove from flow, solves 'very high reflection' image bug */
		left: 60px;
	}
}
@media only screen and (max-width: 700px){
	.gradientThing3 {
		margin-bottom: 0px;
	}
	.gradientThing2 {
		border-bottom: 2px solid #2b76a2;
	}
	.gT3productTitle {
		line-height: 32px;
		font-size: 32px;
	}
	.gT3productSubTitle {
		font-size: 20px;
	}
	.gT3productProduct {
		font-size: 24px;
	}
	.gT3productDescription {
		font-size: 10px;
	}	
	.gT3ContentBlock.gT3product2 .gT3productImage{
		width: 104px;
	}
	.gT3ContentBlock.gT3product2{
		padding-left: 160px; /* wider picture -- abv. */
	}
}
@media only screen and (max-width: 560px){
	.gT3ContentBlock{
		padding-left: 140px;
	}
	.gT3ContentBlock.gT3product2{
		padding-left: 140px; /* wider picture -- abv. */
	}
	.gradientThing3 .arrow{
		left: 10px;
	}
	.gradientThing3 .arrow.aright {
		left: auto;
		right: 10px;
	}
	.gT3productImage {
		left: 20px;
	}
}
@media only screen and (max-width: 414px){
	.gT3productImage,
	.gT3ContentBlock.gT3product2 .gT3productImage{
		width: 80px;
	}
	.gT3ContentBlock,
	.gT3ContentBlock.gT3product2{
		padding-left: 120px;
	}
	.gT3productImage {
		left: 30px;
	}	
}
@media only screen and (max-width: 374px){ /* AFTER iP6 */
	.gT3productImage,
	.gT3ContentBlock.gT3product2 .gT3productImage{
		width: 60px;
	}
	.gT3ContentBlock,
	.gT3ContentBlock.gT3product2{
		padding-left: 90px;
	}
	.gradientThing3 .arrow{
		left: 3px;
	}
	.gradientThing3 .arrow.aright {
		left: auto;
		right: 3px;
	}
	.gT3productImage {
		left: 15px;
	}	
}
/* Advice Screen Top */
@media only screen and (max-width: 1354px){
	.gb{
		width: auto;
	}
	.gbBC{
		position: relative;
		padding-left: 94px;
		padding-right: 490px;
		top: auto; left: auto; right: auto; bottom: auto;
	}
}
@media only screen and (max-width: 1230px){
	.gbTitle {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 1150px){
	.gbTitle {
		margin-bottom: 15px;
		font-size: 45px;
		line-height: 45px;
	}
}
@media only screen and (max-width: 1080px){
	.gbTitle{
		margin-top: 75px;
	}
	.gbDescription{
		font-size: 16px;
		line-height: 20px;
	}
}
/* *END OF 1024 CYCLE* */
@media only screen and (max-width: 1023px){
	.gb{
		height: auto;
	}
	.gbB {
		display: none;
	}
	.gbBC {
		padding-right: 94px;
	}
	.gbBCC {
		display: none;
	}
	.gbDescription{
		margin-bottom: 75px;
	}
}
@media only screen and (max-width: 760px){
	.gb .contestbutton {
		width: 160px;
		height: 160px;
		background-size: contain;
		bottom: -10px;
		right: -64px;
	}
}
@media only screen and (max-width: 660px){
	.gbBC {
		padding-left: 54px;
		padding-right: 54px;
	}
}
@media only screen and (max-width: 610px){
	.gbBC {
		padding-left: 24px;
		padding-right: 24px;
	}
	.gbTitle{
		margin-top: 25px;
	}
	.gbDescription{
		margin-bottom: 24px;
	}
	.gb .contestbutton {
		bottom: -90px;
		right: -85px;
	}
}
@media only screen and (max-width: 520px){
	.gb .contestbutton {
		bottom: -90px;
		right: -45px;
	}
}
@media only screen and (max-width: 446px){
	.gbDescription{
		margin-bottom: 44px;
	}
}
@media only screen and (max-width: 336px){
	.gbTitle {
		font-size: 35px;
		line-height: 35px;
	}
	.gbDescription{
		font-size: 14px;
		line-height: 18px;
	}
}
/* Advice Screen Title */
@media only screen and (max-width: 1172px){
	.headerG {
		font-size: 60px;
	}
}
@media only screen and (max-width: 1080px){
	.headerG {
		font-size: 55px;
	}
}
/* *END OF 1024 CYCLE* */
@media only screen and (max-width: 1023px){
	.headerG {
		font-size: 45px;
	}
}
@media only screen and (max-width: 795px){
	.headerG {
		font-size: 35px;
	}
	.headerGG {
		font-size: 25px;
		margin-top: -14px;
	}
}
@media only screen and (max-width: 655px){
	.headerG {
		font-size: 30px;
	}
	.headerGG {
		font-size: 20px;
		margin-top: -12px;
	}
}
@media only screen and (max-width: 585px){ /* 7P */
	.headerG {
		font-size: 25px;
	}
}
@media only screen and (max-width: 390px){
	.headerG {
		font-size: 22px;
	}
}
@media only screen and (max-width: 348px){
	.headerG {
		font-size: 18px;
	}
	.headerGG {
		font-size: 14px;
		margin-top: -9px;
	}
}
/* Advice Screen Strings Upper */
@media only screen and (max-width: 1365px){
	.adviceString1{
		position: relative;
	}
	.adviceString1::after{ /* overlap that f-ing blue line */
		position: absolute;
		background-image: inherit;
		background-repeat: inherit;
		background-position: left top;
		content: ' ';
		width: 640px;
		height: 600px;
		top: 0;
		right: 0;
	}
	.adviceString5{
		position: relative;
	}
	.adviceString5::after{ /* overlap that f-ing blue line */
		position: absolute;
		background-image: inherit;
		background-repeat: inherit;
		background-position: left top;
		content: ' ';
		width: 640px;
		height: 600px;
		top: 0;
		right: 0;
	}
	.adviceHz {
		width: 50%;
	}
	.adviceFz {
		width: 45%;
	}
	.advicePlaySection { /* That WAS default a little bit of time ago, thus it re-activates on the highest possible resolution below default */
		width: 384px;
	}
	.advicePlayAdvice { /* That WAS default a little bit of time ago, thus it re-activates on the highest possible resolution below default */
		width: 250px;
	}
}
@media only screen and (max-width: 1330px){
	.adviceInfoRightShift {
		margin-left: 32px;
	}
}
@media only screen and (max-width: 1310px){
	.adviceString1 .adviceInfo {
	    margin-left: 5px;
	}
	.adviceString5 .adviceInfo {
	    margin-left: 5px;
	}
}
@media only screen and (max-width: 1280px){
	.adviceHzInnersRight {
		margin-left: 165px;
	}
	.advicePlayAdvice {
		width: 200px;
		float: none;
		margin-left: 10px;
		margin-top: 20px;
	}
	.advicePlaySection {
		width: 332px;
	}
	.adviceFzRight {
		overflow: visible;
	}
	.adviceString9{
		margin-bottom: 0px; /* due to text replacement */
	}
}
@media only screen and (max-width: 1235px){
	.adviceFz {
		overflow: visible;
	}
	.adviceHzTextRight {
		max-width: 320px;
	}
	.adviceHzInners {
		margin-left: 120px;
	}
	.adviceHzInnersRight {
		margin-left: 190px;
	}
	.adviceString3 {
		margin-right: 0;
		margin-left: 0;
	}
}
@media only screen and (max-width: 1215px){
	.adviceInfoMain {
		width: 305px;
	}
	.adviceString1,
	.adviceString5 {
		margin-right: 0;
		margin-left: 0;
	}	
}
@media only screen and (max-width: 1170px){
	.adviceInfoRightShift {
		margin-left: 20px;
	}
	.adviceInfoRightLane {
		width: 305px;
	}
	.adviceString3 {
		margin-right: -30px;
		margin-left: -30px; /* to allow it to grow past the designated borders */
	}
}
@media only screen and (max-width: 1140px){
	.adviceHzInners {
		margin-left: 90px;
	}
	.adviceHzInnersRight {
		margin-left: 190px;
	}
	.adviceFzInners {
		margin-left: 85px;
	}
}
@media only screen and (max-width: 1125px){
	.adviceString1,
	.adviceString5 {
		margin-right: -83px;
		margin-left: -83px;
	}
	.adviceString1 .adviceInfo,
	.adviceString5 .adviceInfo {
	    margin-left: 45px;
	}
	.adviceString3 {
		margin-right: -85px;
		margin-left: -85px;
	}
	.adviceFzInnersRight{
		margin-left: 15px;
	}
	.adviceHzInnersRight {
		margin-left: 150px;
	}
}
@media only screen and (max-width: 1080px){
	.adviceString3 .adviceDescription{
		padding-right: 35px;
	}
	.adviceHzTextSixth {
		max-width: 330px;
	}
	.adviceHzTextRight {
		max-width: 275px;
	}
	.adviceHzInnersRight {
		margin-left: 165px;
	}
}
/* *END OF 1024 CYCLE* */
@media only screen and (max-width: 1023px){
	
	/* Style reset, after the above outright rape */

	.adviceString1,
	.adviceString2,
	.adviceString3,
	.adviceString4,
	.adviceString5,
	.adviceString6
	{
		margin: 0;
		padding: 0;
		background-position: top left;
	}

	.adviceString1::after,
	.adviceString5::after
	{
		display: none;
	}

	.adviceInfo,
	.adviceString1 .adviceInfo, 
	.adviceString3 .adviceInfo,
	.adviceString5 .adviceInfo,
	.adviceInfoRight
	{
		margin: 0;
		padding: 0;

		border-top: 2px solid #5fcfdf;
		width: auto;
	}

	.adviceInfoMain,
	.adviceInfoMainRight{
		width: auto;
	}

	.adviceInfoRightShift{
		margin: 0;
		padding: 0;
	}
	.adviceInfoRightLane{
		border: 0;
		width: auto;
		margin: 0;
		padding: 0;
		display: none;
	}

	.adviceString2 .adviceHz,
	.adviceString4 .adviceHz,
	.adviceString6 .adviceHz,
	.adviceString2 .adviceFz,
	.adviceString4 .adviceFz,
	.adviceString6 .adviceFz
	{
		margin: 0;
		float: none;
		width: 100%;
		height: auto;
		overflow: visible;

		margin-top: 20px;
	}

	.adviceString2 .adviceHzInners,
	.adviceString4 .adviceHzInners,
	.adviceString6 .adviceHzInners,
	.adviceString2 .adviceFzInners,
	.adviceString4 .adviceFzInners,
	.adviceString6 .adviceFzInners,
	.adviceString2 .adviceHzInnersRight,
	.adviceString4 .adviceHzInnersRight,
	.adviceString6 .adviceHzInnersRight,
	.adviceString2 .adviceFzInnersRight,
	.adviceString4 .adviceFzInnersRight,
	.adviceString6 .adviceFzInnersRight
	{
		margin: 0;
		width: auto;
	}


	.adviceString2 .adviceHzText br,
	.adviceString2 .adviceHzInners .adviceHzTitle br,
	.adviceString4 .adviceHzInners .adviceHzTitle br,
	.adviceString6 .adviceHzInners .adviceHzTitle br,
	.adviceString2 .adviceFzInners .adviceFzTitle br,
	.adviceString4 .adviceFzInners .adviceFzTitle br,
	.adviceString6 .adviceFzInners .adviceFzTitle br,
	.adviceString2 .adviceHzInnersRight .adviceHzTitle br,
	.adviceString4 .adviceHzInnersRight .adviceHzTitle br,
	.adviceString6 .adviceHzInnersRight .adviceHzTitle br,
	.adviceString2 .adviceFzInnersRight .adviceFzTitle br,
	.adviceString4 .adviceFzInnersRight .adviceFzTitle br,
	.adviceString6 .adviceFzInnersRight .adviceFzTitle br,
	.adviceString2 .adviceHzInners .adviceHzText br,
	.adviceString4 .adviceHzInners .adviceHzText br,
	.adviceString6 .adviceHzInners .adviceHzText br,
	.adviceString2 .adviceFzInners .adviceFzText br,
	.adviceString4 .adviceFzInners .adviceFzText br,
	.adviceString6 .adviceFzInners .adviceFzText br,
	.adviceString2 .adviceHzInnersRight .adviceHzText br,
	.adviceString4 .adviceHzInnersRight .adviceHzText br,
	.adviceString6 .adviceHzInnersRight .adviceHzText br,
	.adviceString2 .adviceHzInnersRight .adviceHzTextRight br,
	.adviceString4 .adviceHzInnersRight .adviceHzTextRight br,
	.adviceString6 .adviceHzInnersRight .adviceHzTextRight br,
	.adviceString2 .adviceFzInnersRight .adviceFzText br,
	.adviceString4 .adviceFzInnersRight .adviceFzText br,
	.adviceString6 .adviceFzInnersRight .adviceFzText br,
	.adviceString2 .adviceFzInnersRight .adviceFzTextRight br,
	.adviceString4 .adviceFzInnersRight .adviceFzTextRight br,
	.adviceString6 .adviceFzInnersRight .adviceFzTextRight br
	{
		display: none;
	}

	.adviceString2 .adviceHzText,
	.adviceString2 .adviceHzInners .adviceHzTitle,
	.adviceString4 .adviceHzInners .adviceHzTitle,
	.adviceString6 .adviceHzInners .adviceHzTitle,
	.adviceString2 .adviceFzInners .adviceFzTitle,
	.adviceString4 .adviceFzInners .adviceFzTitle,
	.adviceString6 .adviceFzInners .adviceFzTitle,
	.adviceString2 .adviceHzInnersRight .adviceHzTitle,
	.adviceString4 .adviceHzInnersRight .adviceHzTitle,
	.adviceString6 .adviceHzInnersRight .adviceHzTitle,
	.adviceString2 .adviceFzInnersRight .adviceFzTitle,
	.adviceString4 .adviceFzInnersRight .adviceFzTitle,
	.adviceString6 .adviceFzInnersRight .adviceFzTitle,
	.adviceString2 .adviceHzInners .adviceHzText,
	.adviceString4 .adviceHzInners .adviceHzText,
	.adviceString6 .adviceHzInners .adviceHzText,
	.adviceString2 .adviceFzInners .adviceFzText,
	.adviceString4 .adviceFzInners .adviceFzText,
	.adviceString6 .adviceFzInners .adviceFzText,
	.adviceString2 .adviceHzInnersRight .adviceHzText,
	.adviceString4 .adviceHzInnersRight .adviceHzText,
	.adviceString6 .adviceHzInnersRight .adviceHzText,
	.adviceString2 .adviceHzInnersRight .adviceHzTextRight,
	.adviceString4 .adviceHzInnersRight .adviceHzTextRight,
	.adviceString6 .adviceHzInnersRight .adviceHzTextRight,
	.adviceString2 .adviceFzInnersRight .adviceFzText,
	.adviceString4 .adviceFzInnersRight .adviceFzText,
	.adviceString6 .adviceFzInnersRight .adviceFzText,
	.adviceString2 .adviceFzInnersRight .adviceFzTextRight,
	.adviceString4 .adviceFzInnersRight .adviceFzTextRight,
	.adviceString6 .adviceFzInnersRight .adviceFzTextRight
	{
		margin: 0;
		width: 100%;
		max-width: none;
		min-width: 0;
	}


	/* New stuff */
	.adviceString1,
	.adviceString3,
	.adviceString5
	{
		background-position: -10000px -10000px;  /* sorta disable, but leave inheritable */
	}

	.adviceString1::before,
	.adviceString3::before,
	.adviceString5::before
	{ /* show image on top of description */
		display: block;
		margin-left: auto;
		margin-right: auto;
		background-image: inherit;
		background-repeat: inherit;
		background-position: left top;
		background-size: contain;
		background-size: cover;
		content: ' ';
		width: 640px;
		height: 600px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.adviceString1::before{
		margin-top: 0;
	}

	.adviceInfo,
	.adviceString1 .adviceInfo,
	.adviceString3 .adviceInfo,
	.adviceString5 .adviceInfo,
	.adviceInfoRight
	{
		width: 640px;
		margin-left: auto;
		margin-right: auto;
	}

	.advicePlaySection{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.adviceString2 .adviceHzInners,
	.adviceString4 .adviceHzInners,
	.adviceString6 .adviceHzInners,
	.adviceString2 .adviceFzInners,
	.adviceString4 .adviceFzInners,
	.adviceString6 .adviceFzInners,
	.adviceString2 .adviceHzInnersRight,
	.adviceString4 .adviceHzInnersRight,
	.adviceString6 .adviceHzInnersRight,
	.adviceString2 .adviceFzInnersRight,
	.adviceString4 .adviceFzInnersRight,
	.adviceString6 .adviceFzInnersRight{
		margin-top: 30px;
		padding-left: 90px;
		padding-right: 90px;
		margin-bottom: 30px;
	}

	.adviceString2 .adviceHzInners .adviceHzTitle,
	.adviceString4 .adviceHzInners .adviceHzTitle,
	.adviceString6 .adviceHzInners .adviceHzTitle,
	.adviceString2 .adviceFzInners .adviceFzTitle,
	.adviceString4 .adviceFzInners .adviceFzTitle,
	.adviceString6 .adviceFzInners .adviceFzTitle
	{
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 810px){
	.adviceInfo,
	.adviceString1 .adviceInfo,
	.adviceString3 .adviceInfo,
	.adviceString5 .adviceInfo,
	.adviceInfoRight
	{
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.adviceString1::before,
	.adviceString3::before,
	.adviceString5::before
	{
		width: auto;
		background-position: center top;
	}
	.adviceString2 .adviceHz,
	.adviceString4 .adviceHz,
	.adviceString6 .adviceHz,
	.adviceString2 .adviceHzRight,
	.adviceString4 .adviceHzRight,
	.adviceString6 .adviceHzRight
	{
		background-color: #5fcfdf;
	}
	
}
@media only screen and (max-width: 630px){
	.adviceString2 .adviceHzInners .adviceHzTitle,
	.adviceString4 .adviceHzInners .adviceHzTitle,
	.adviceString6 .adviceHzInners .adviceHzTitle,
	.adviceString2 .adviceFzInners .adviceFzTitle,
	.adviceString4 .adviceFzInners .adviceFzTitle,
	.adviceString6 .adviceFzInners .adviceFzTitle
	{
		font-size: 25px;
		line-height: normal;
	}
	.adviceString2 .adviceHzInners .adviceHzText,
	.adviceString4 .adviceHzInners .adviceHzText,
	.adviceString6 .adviceHzInners .adviceHzText,
	.adviceString2 .adviceFzInners .adviceFzText,
	.adviceString4 .adviceFzInners .adviceFzText,
	.adviceString6 .adviceFzInners .adviceFzText
	{
		font-size: 14px;
		line-height: normal;
	}

	.adviceString2 .adviceHzInners,
	.adviceString4 .adviceHzInners,
	.adviceString6 .adviceHzInners,
	.adviceString2 .adviceFzInners,
	.adviceString4 .adviceFzInners,
	.adviceString6 .adviceFzInners,
	.adviceString2 .adviceHzInnersRight,
	.adviceString4 .adviceHzInnersRight,
	.adviceString6 .adviceHzInnersRight,
	.adviceString2 .adviceFzInnersRight,
	.adviceString4 .adviceFzInnersRight,
	.adviceString6 .adviceFzInnersRight {
		padding-right: 20px;
	}

}
@media only screen and (max-width: 375px){
	.adviceString2 .adviceHzInners .adviceHzTitle,
	.adviceString4 .adviceHzInners .adviceHzTitle,
	.adviceString6 .adviceHzInners .adviceHzTitle,
	.adviceString2 .adviceFzInners .adviceFzTitle,
	.adviceString4 .adviceFzInners .adviceFzTitle,
	.adviceString6 .adviceFzInners .adviceFzTitle
	{
		font-size: 20px;
		line-height: normal;
	}
	.adviceString2 .adviceHzInners .adviceHzText,
	.adviceString4 .adviceHzInners .adviceHzText,
	.adviceString6 .adviceHzInners .adviceHzText,
	.adviceString2 .adviceFzInners .adviceFzText,
	.adviceString4 .adviceFzInners .adviceFzText,
	.adviceString6 .adviceFzInners .adviceFzText
	{
		font-size: 12px;
		line-height: normal;
	}

	.adviceName {
	    font-size: 36px;
	    line-height: normal;
	}
	.adviceAge {
	    font-size: 36px;
	    line-height: normal;
	}
	.adviceAge span{
	    font-size: 20px;
	    line-height: normal;
	}
	.adviceDescription {
		font-size: 18px;
	}

	.advicePlaySection {
		width: auto;
	}

	.advicePlaybutton {
		width: 60px;
		height: 60px;
		background-size: contain;
		float: left;
	}

	.advicePlayAdvice {
		width: 200px;
		margin-top: 0px;
		display: inline-block;
	}
}

/* Advice Screen Strings Lower */
@media only screen and (max-width: 1365px){
	.adviceHzSeventh,
	.adviceHzEighth,
	.adviceHzNinth,
	.adviceHzTenth
	{
		width: 50%;
		height: auto;
	}
	.adviceHzEighth,
	.adviceHzNinth
	{
		width: 43%;
		height: auto;
	}
	.adviceHzInnersSeventh,
	.adviceHzInnersEighth,
	.adviceHzInnersNinth,
	.adviceHzInnersTenth
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 100px;
		padding-right: 50px;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.adviceHzInnersSeventh{
		margin-top: 42px; /* Exception for now. Due to text replacement. */
	}
	.adviceHzTitleSeventh,
	.adviceHzTitleEighth,
	.adviceHzTitleNinth,
	.adviceHzTitleTenth,
	.adviceHzTextSeventh,
	.adviceHzTextEighth,
	.adviceHzTextNinth,
	.adviceHzTextTenth
	{
		max-width: none;
		min-width: 0;
	}
	.adviceString9 {
		margin-right: -83px;
	}
	.adviceHzInnersTenth
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 100px;
		padding-right: 50px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 1252px){
	.adviceHzEighth,
	.adviceHzNinth
	{
		width: 40%;
	}
	.adviceHzNinth {
		margin-top: -1px;
	}
}
@media only screen and (max-width: 1190px){
	.adviceString8 {
		margin-right: -160px;
	}
	.adviceString9 {
    		margin-left: -160px;
	}
}
@media only screen and (max-width: 1130px){
	.adviceString8 {
		margin-right: -200px;
	}
	.adviceString9 {
    		margin-left: -200px;
	}
	.adviceString7{
		margin-right: -60px;
	}
	.adviceString10 {
		margin-left: -60px;
	}
}
@media only screen and (max-width: 1075px){
	.adviceString8 {
		margin-right: -240px;
	}
	.adviceString9 {
    		margin-left: -240px;
	}
	.adviceString7{
		margin-right: -83px;
	}
	.adviceString10 {
		margin-left: -83px;
	}
}
@media only screen and (max-width: 1040px){
	.adviceString8 {
		margin-right: -280px;
	}
	.adviceString9 {
    		margin-left: -280px;
	}
	.adviceString7{
		margin-right: -83px;
		margin-left: -120px;
	}
	.adviceString10 {
		margin-left: -83px;
		margin-right: -120px;
	}
}
/* *END OF 1024 CYCLE* */
@media only screen and (max-width: 1023px){
	.adviceHzNinth {
		margin: 0;
	}
	.adviceString7,
	.adviceString8,
	.adviceString9,
	.adviceString10 {
		margin: 0;
		background-position: -10000px -10000px;  /* sorta disable, but leave inheritable */
		min-height: 0;
		clear: both;
	}

	.adviceString7::before,
	.adviceString8::before,
	.adviceString9::before,
	.adviceString10::before
	{ /* show image on top of description */
		display: block;
		margin-left: auto;
		margin-right: auto;
		background-image: inherit;
		background-repeat: inherit;
		background-position: center top;
		background-size: contain;
		background-size: cover;
		content: ' ';
		width: 640px;
		height: 600px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.adviceString1::before{
		margin-top: 0;
	}



	.adviceHzSeventh,
	.adviceHzEighth,
	.adviceHzNinth,
	.adviceHzTenth
	{
		width: auto;
		height: auto;
		float: none;
		margin: 0;
	}
	.adviceHzInnersSeventh,
	.adviceHzInnersEighth,
	.adviceHzInnersNinth,
	.adviceHzInnersTenth
	{
		margin-top: 30px;
		padding-left: 90px;
		padding-right: 90px;
		margin-bottom: 30px;
	}

	.adviceHzTitleSeventh br,
	.adviceHzTitleEighth br,
	.adviceHzTitleNinth br,
	.adviceHzTitleTenth br,
	.adviceHzTextSeventh br,
	.adviceHzTextEighth br,
	.adviceHzTextNinth br,
	.adviceHzTextTenth br
	{
		display: none;
	}


	.adviceHzTitleSeventh,
	.adviceHzTitleEighth,
	.adviceHzTitleNinth,
	.adviceHzTitleTenth,
	.adviceHzTextSeventh,
	.adviceHzTextEighth,
	.adviceHzTextNinth,
	.adviceHzTextTenth
	{
		margin: 0;
	}

	.adviceHzTitleSeventh,
	.adviceHzTitleEighth,
	.adviceHzTitleNinth,
	.adviceHzTitleTenth
	{
		margin-bottom: 10px;
	}

	.secondMadamThingAdvice { /* yeah, it's here. i'm sure you're angry as shit by now */
    		margin-top: 30px;
	}
}
@media only screen and (max-width: 810px){
	.adviceString7::before,
	.adviceString8::before,
	.adviceString9::before,
	.adviceString10::before
	{
		width: auto;
		background-position: center top;
	}

	.adviceString7 .adviceHz,
	.adviceString10 .adviceHz,
	{
		background-color: #5fcfdf;
	}
	
}
@media only screen and (max-width: 630px){
	.adviceHzTitleSeventh,
	.adviceHzTitleEighth,
	.adviceHzTitleNinth,
	.adviceHzTitleTenth
	{
		font-size: 25px;
		line-height: normal;
	}
	.adviceHzTextSeventh,
	.adviceHzTextEighth,
	.adviceHzTextNinth,
	.adviceHzTextTenth
	{
		font-size: 14px;
		line-height: normal;
	}

	.adviceHzInnersSeventh,
	.adviceHzInnersEighth,
	.adviceHzInnersNinth,
	.adviceHzInnersTenth {
		padding-right: 20px;
	}
}
@media only screen and (max-width: 375px){
	.adviceHzTitleSeventh,
	.adviceHzTitleEighth,
	.adviceHzTitleNinth,
	.adviceHzTitleTenth
	{
		font-size: 20px;
		line-height: normal;
	}
	.adviceHzTextSeventh,
	.adviceHzTextEighth,
	.adviceHzTextNinth,
	.adviceHzTextTenth
	{
		font-size: 12px;
		line-height: normal;
	}
}
/* VideoThing Strikes Back! */
@media only screen and (max-width: 1365px){
	.videoBody {
	    	width: 90%;
		margin-left: -45%;
	}
	.videoBody .videoPopupBlock img{
		width: 100%;
		height: 100%;
		object-fit: cover; /* IE sucks! */
	}
	.videoBody video{
		object-fit: cover; /* IE sucks! */
	}
}

@media only screen and (max-width: 1040px){
	.videoBody {
	    	height: 400px;
	}
}
@media only screen and (max-width: 925px){
	.videoBody {
	    	height: 340px;
	}
}
@media only screen and (max-width: 760px){
	.videoBody {
	    	height: 300px;
	}
}
@media only screen and (max-width: 700px){
	.videoBody {
	    	height: 240px;
	}
	.controlsWrap .playbutton {
		width: 60px;
		height: 60px;
		background-size: contain;
		margin-top: -30px;
		margin-left: -30px;
	}
	.closeButton {
		top: -45px;
		right: -40px;
		width: 90px;
		height: 90px;
		background-size: contain;
	}
}
@media only screen and (max-width: 380px){
	/* fiu-vhih, ha-h! */
}