html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

* {font-family: 'Lato';}

.header {width: 100%; height: 80px; background-color: #436eb3;}
.header__wrapper {margin: 0px auto; display: block; width: 76%; height: 80px;}
.header__wrapper__logo {float: left;}
.header__wrapper__list {float: right; height: 80px;}
.header__wrapper__list li {display: inline-block; padding: 30px 20px;}
.header__wrapper__list li a {color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px;}

.product {margin: 0px auto; display: block; width: 76%; height: 100vh;}
.product__body {float: left; width: 59%; height: 84%; margin-top: 4%;}
.product__body h1 {font-size: 40px; font-weight: bold; margin-bottom: 10px;}
.product__body h2 {font-size: 30px; font-weight: normal; margin-bottom: 10px;}
.product__body p {font-size: 20px; font-weight: lighter; margin-bottom: 15px;}
.product__body__image {width: 80%; background-size: contain; background-repeat: no-repeat; background-position: center bottom; object-fit: cover;}
.product__description {float: right; width: 38%; height: 84%; margin-top: 9%; padding: 35px;}
.product__description h2 {font-size: 30px; font-weight: normal; margin-bottom: 34px; display: inline-block; margin-top: 53%;}
.product__description h2::after {content: ""; display: block; width: 100%; height: 2px; background: #000; margin-top: 3px;}
.product__description p {font-size: 20px; font-weight: lighter; line-height: 24px;}
.product__description a {text-decoration: none;}
.product__description__button {width: 220px; height: 50px; background-color: #436eb3; border-radius: 35px; margin: 0px auto; display: block;margin-top: 50px;}
.product__description__button h3 {color: #fff; text-transform: uppercase; font-size: 19px; font-weight: normal; text-align: center; padding: 15px;}

@media screen and (max-width: 1028px) {

}

@media screen and (max-width: 998px) {
	.product {margin: 0px; width: 100%;}
	.product__body {width: 100%; text-align: center; height: auto;}
	.product__body h1 {font-size: 32px;}
	.product__body h2 {font-size: 26px;}
	.product__body__image {width: 100%; object-fit: cover;}
	.product__description {width: 100%; height: auto; margin-top: 0}
	.product__description h2 {margin-top: 0; text-align: center; }
	.product__description__button {margin-top: 25px;}
}