/* Fonts */
@font-face {
	font-family: 'Klavika-Regular';
	src: 	url('../font/Klavika-Regular.eot');
	src: 	url('../font/Klavika-Regular.eot?#iefix') format('embedded-opentype'),
			url('../font/Klavika-Regular.woff2') format('woff2'),
			url('../font/Klavika-Regular.woff') format('woff'),
			url('../font/Klavika-Regular.ttf') format('truetype'),
			url('../font/Klavika-Regular.svg#Klavika-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Klavika-Bold';
	src: 	url('../font/Klavika-Bold.eot');
	src: 	url('../font/Klavika-Bold.eot?#iefix') format('embedded-opentype'),
			url('../font/Klavika-Bold.woff2') format('woff2'),
			url('../font/Klavika-Bold.woff') format('woff'),
			url('../font/Klavika-Bold.ttf') format('truetype'),
			url('../font/Klavika-Bold.svg#Klavika-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Klavika-Light';
	src: 	url('../font/Klavika-Light.eot');
	src: 	url('../font/Klavika-Light.eot?#iefix') format('embedded-opentype'),
			url('../font/Klavika-Light.woff2') format('woff2'),
			url('../font/Klavika-Light.woff') format('woff'),
			url('../font/Klavika-Light.ttf') format('truetype'),
			url('../font/Klavika-Light.svg#Klavika-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}





/* General Layout */
* { margin: 0px; border: 0px; outline: 0px; padding: 0px;  box-sizing: border-box; }
body { max-width: 1920px; margin: auto; background: #000; font-size: 23px; color: white; }

header{
	text-align:center;
	width: 1000px;
	margin:0 auto;
}

.clear-fix {clear:both;}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.container1 { margin: 0 auto; width: 1000px;}
.experience {height: 440px; padding: 0 30px 50px 30px; }
.experience figure{ float:left; padding-bottom: 70px;}
.experience h1 {font-family: Klavika-Bold, sans-serif; font-size: 38px; padding: 20px 0 0 350px; text-transform: uppercase; color: #f26522;}
.experience p { font-family: Klavika-Light, sans-serif; font-size: 27px; padding: 20px 0 0 350px;}

.container2 { margin: 0 auto; width: 1000px; background-image: url(img/border.jpg); background-repeat: no-repeat; background-position: top center; }
.return {padding: 50px 30px 50px 30px;}
.return h2 {font-family: Klavika-Bold, sans-serif; font-size: 31px; text-transform: uppercase;}
.return p {font-family: Klavika-Light, sans-serif; font-size: 23px; padding-top: 10px;}

.container3 { margin: 0 auto; width: 1000px; background-image: url(img/border.jpg); background-repeat: no-repeat; background-position: top center; }
.ryzen {padding: 50px 30px 50px 30px;}
.ryzen h2 {font-family: Klavika-Bold, sans-serif; font-size: 31px; text-transform: uppercase;}
.ryzen strong {font-family: Klavika-Bold, sans-serif; font-size: 23px;}
.ryzen h3 {font-family: Klavika-Bold, sans-serif; font-size: 23px; padding-bottom: 30px; color: #f26522;}
.ryzen p {font-family: Klavika-Light, sans-serif; font-size: 23px; padding: 0 0 26px 0;}

.container4 { margin: 0 auto; padding: 0; width: 1000px; }
.products h3 { font-family: Klavika-Regular, sans-serif; font-size: 27px; color: #f26522; }
.products li {
    list-style: none;
    float: left;
    width: 50%;
    text-align: center;
}
.products li img { max-width: 100%; }
.products:after { display: block; content: ""; clear: both; }
.products {
    width: 1000px;
    padding: 0 30px 50px 30px;
}

.subtext { font-family: Klavika-Regular, sans-serif; font-size: 17px; }
.price { font-family: Klavika-Regular, sans-serif; font-size: 24px; }
.button {
    font-family: Klavika-Bold, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    min-width: 149px;
    line-height: 40px;
    background: #f26522;
    margin-top: 20px;
    color: white;
    padding: 10px 30px;
}
.button:hover{
	background: #fff;
	color: #f26522;
}

.container5 { margin: 0 auto; width: 1000px; background-image: url(img/border.jpg); background-repeat: no-repeat; background-position: top center; }
footer {padding: 50px 30px 50px 30px; font-family: 'Klavika-Light', sans-serif; font-size: 15px; color: #c7c8ca}

.container6 { margin: 0 auto; width: 1000px;}
.logo-garden {padding: 0 30px 50px 30px;}