.centerfocus {
  background-image: url("/assets/background-feature.png");
  background-position: center center;
  background-size: cover;
  padding-top:15px;
}                  

.centerfocus h1 { word-wrap: normal;margin: 0;font-size:300%; text-transform:uppercase; text-align: center; color:white;vertical-align: middle; }
.centerfocus h1 { word-wrap: normal;margin: 0;font-size:300%; text-transform:uppercase; text-align: center; color:white;vertical-align: middle; }
.centerfocus h3 { margin: 0;color:gray; text-transform:uppercase; text-align: center; } 

.widepresent {
  background-image: url("//cdn.shopify.com/s/files/1/0748/4967/files/Learn-Trick-Full-Width.jpg?1537422418872711851");
  background-position: center center;
  background-size: cover;
  padding-top:10%;
  padding-bottom:10%;
}                  

.widepresent h1 { word-wrap: normal;margin: 0;font-size:3.5vw; text-transform:uppercase; text-align: left; color:white;vertical-align: middle; }
.widepresent h1 { word-wrap: normal;margin: 0;font-size:3.5vw; text-transform:uppercase; text-align: left; color:white;vertical-align: middle; }
.widepresent h3 { margin: 0;color:gray; text-transform:uppercase; text-align: left;font-size:2vw; }


/*  position: fixed; Full Width */  
.full-width-div {

    width: 100%;
    left: 0;       
}


.learn-video { padding-top:10px; }

IMG.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto }

  

	*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
	.clearfix:before, .clearfix:after { display: table; content: ''; }
	.clearfix:after { clear: both; }

	.brand-slide {
		color: #fff;
		font-weight: 400;
		font-size: 1em;
			font-family: 'Raleway', Arial, sans-serif;
	}

	a {
		outline: none;
		color: #3498db;
		text-decoration: none;
	}

	a:hover, a:focus {
		color: #528cb3;
	}



	.content {
		margin: 0 auto;
		max-width: 1000px;
	}

	.content > h2 {
		clear: both;
		margin: 0;
		padding: 4em 1% 0;
		color: #484B54;
		font-weight: 800;
		font-size: 1.5em;
	}

	.content > h2:first-child {
		padding-top: 0em;
	}


	/* End Header */ 


	.brand-grid {
		position: relative;
		margin: 0 auto;
		padding: 1em 0 4em;
		max-width: 1000px;
		list-style: none;
		text-align: center;
	}

	/* Common style */
	.brand-grid figure {
		position: relative;
		float: left;
		overflow: hidden;
		margin: 10px 1%;
		min-width: 320px;
		max-width: 400px;
		max-height: 260px;
		width: 48%;
		background: #726877;
		text-align: center;
		cursor: pointer;
	}

	.brand-grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;
		opacity: .7;
	}

	.brand-grid figure figcaption {
		padding: 2em;
		color: #fff;
		text-transform: uppercase;
		font-size: 1.25em;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.brand-grid figure figcaption::before,
	.brand-grid figure figcaption::after {
		pointer-events: none;
	}

	.brand-grid figure figcaption,
	.brand-grid figure figcaption > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/* Anchor will cover the whole item by default */
	/* For some effects it will show as a button */
	.brand-grid figure figcaption > a {
		z-index: 0;
		text-indent: 200%;
		white-space: nowrap;
		font-size: 0;
		opacity: 0;
	}

	.brand-grid figure h2 {
		word-spacing: -0.15em;
		font-weight: 300;
	}

	.brand-grid figure h2 span {
		font-weight: 800;
	}

	.brand-grid figure h2,
	.brand-grid figure p {
		margin: 0;
	}

	.brand-grid figure p {
		letter-spacing: 1px;
		font-size: 68.5%;
	}

	/*---------------*/
	/***** YoYoExpert Zoom *****/
	/*---------------*/

	figure.effect-yyezoom img {
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(1.12);
		transform: scale(1.12);
	}

	figure.effect-yyezoom:hover img {
		opacity: 0.5;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-yyezoom figcaption {
		padding: 3em;
	}

	figure.effect-yyezoom figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	figure.effect-yyezoom figcaption::before,
	figure.effect-yyezoom p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-yyezoom h2 {
		padding: 20% 0 20px 0;
	}

	figure.effect-yyezoom p {
		margin: 0 auto;
		max-width: 200px;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	figure.effect-yyezoom:hover figcaption::before,
	figure.effect-yyezoom:hover p {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	@media screen and (max-width: 50em) {
		.content {
			padding: 0 10px;
			text-align: center;
		}
		.brand-grid figure {
			display: inline-block;
			float: none;
			margin: 10px auto;
			width: 100%;
		}
	}