@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat SemiBold';
	src: url('../fonts/montserrat_semibold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

div.container {position: relative; width: 100%; min-width: 527px; max-width: 1047px; height: 350px; background: #120e12; overflow: hidden;}
/* Logo */
div.container div.logo {position: absolute; z-index: 20; width: 215px; height: 109px; left: 34px; top: 26px;}
div.container div.logo img {width: 100%; height: auto;}
@media (max-width: 720px){
	div.container div.logo {width: 130px; height: 66px; left: 14px; top: 26px;}
}
/* Samurai */
div.container div.samurai {position: absolute; z-index: 2; left: 0; top: -175px; right: 0; height: 636px; background: url(../img/samurai.jpg) center top no-repeat; background-size: 1047px 636px;}
@media (max-width: 720px){
	div.container div.samurai {top: -87px; background-size: 720px 437px;}
}
/* Shock Absorber Video */
div.container div.shockabsorber_video  {position: absolute; z-index: 1; width: 640px; height: 360px; overflow: hidden; right: 27%; margin-right: -330px; top: -10px;}
div.container div.shockabsorber_video  video {width: 640px; height: 360px;}
@media (max-width: 720px){
	div.container div.shockabsorber_video {width: 480px; height: 270px; top: 60px; right: 7%; margin-right: -90px;}
	div.container div.shockabsorber_video  video {width: 480px; height: 270px;}
}
/* Under Logo Text */
div.container div.underlogotext {position: absolute; z-index: 19; width: 40%; font-family: 'Montserrat SemiBold', Arial, sans-serif; font-size: 22px; line-height: 1.4; color: #ffffff; left: 36px; top: 160px;}
@media (max-width: 720px){
	div.container div.underlogotext {font-size: 15px; line-height: 1.4; left: 14px; top: 120px;}
}
/* Products */
div.container div.product_1,
div.container div.product_2,
div.container div.product_3,
div.container div.product_4 {position: absolute; z-index: 1; height: 350px; top: 0; bottom: 0;}
div.container div.product_1 div.image,
div.container div.product_2 div.image,
div.container div.product_3 div.image,
div.container div.product_4 div.image {position: absolute; z-index: 1;}
div.container div.product_1 div.image img,
div.container div.product_2 div.image img,
div.container div.product_3 div.image img,
div.container div.product_4 div.image img {width: 100%; height: auto;}
div.container div.product_1 div.text,
div.container div.product_2 div.text,
div.container div.product_3 div.text,
div.container div.product_4 div.text {position: absolute; z-index: 2; font-family: 'Montserrat', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #ffffff;}
@media (max-width: 720px){
	div.container div.product_1 div.text,
	div.container div.product_2 div.text,
	div.container div.product_3 div.text,
	div.container div.product_4 div.text {font-size: 13px; line-height: 1.4;}
}
/* Product 1 */
div.container div.product_1 {right: 40%; margin-right: -50px;}
div.container div.product_1 div.image {width: 259px; height: 360px; right: 0; top: 0;}
div.container div.product_1 div.text {right: -25px; top: 242px;}
@media (max-width: 720px){
	div.container div.product_1 {right: 32%; margin-right: 30px;}
	div.container div.product_1 div.image {width: 207px; height: 288px; top: 70px;}
	div.container div.product_1 div.text {right: -12px; top: 278px;}
}
/* Product 2 */
div.container div.product_2 {right: 34%; margin-right: -350px;}
div.container div.product_2 div.image {width: 310px; height: 361px; right: 0; top: 3px;}
div.container div.product_2 div.text {right: 194px; top: 45px; text-align: right;}
@media (max-width: 720px){
	div.container div.product_2 {right: 3%; margin-right: -30px;}
	div.container div.product_2 div.image {width: 217px; height: 253px; top: -5px;}
	div.container div.product_2 div.text {right: 130px; top: 20px;}
}
/* Product 3 */
div.container div.product_3 {right: 34%; margin-right: -300px;}
div.container div.product_3 div.image {width: 295px; height: 298px; right: 0; top: 52px;}
div.container div.product_3 div.text {right: -2px; top: 37px; text-align: right;}
@media (max-width: 945px){
	div.container div.product_3 div.text {right: 70px; top: 25px; text-align: left;}
}
@media (max-width: 720px){
	div.container div.product_3 {right: 3%; margin-right: -30px;}
	div.container div.product_3 div.image {width: 236px; height: 238px; top: 60px;}
	div.container div.product_3 div.text {right: 35px; top: 38px;}
}
/* Product 4 */
div.container div.product_4 {right: 30%; margin-right: -300px;}
div.container div.product_4 div.image {width: 536px; height: 358px; right: 0; top: -3px;}
div.container div.product_4 div.text {right: 404px; top: 250px;}
@media (max-width: 720px){
	div.container div.product_4 {right: 10%; margin-right: -100px;}
	div.container div.product_4 div.image {width: 429px; height: 286px; top: 50px;}
	div.container div.product_4 div.text {right: 322px; top: 246px;}
}