#top { background-color: #FFF; box-shadow: 0 1px 100px rgba(0, 0, 0, 0.2); }
#header.list { background-position: center; background-size: cover; background-repeat: no-repeat; height: 100px; color: #00355a!important; }
#header.list>div { height: 100px; }
#header.list>div>div { height: 100px; }
#header.list .center {  }
#header.list h1 { color: #00355a!important; text-transform: uppercase; letter-spacing: -3px; }
.product_header { background-color: #EEE; color: #00355a!important; }
.product_header h1 { color: #00355a!important; }
.product_header img { max-height: 400px; }
.product_header #header { padding: 30px 0px; margin-bottom: 20px; }
.gallery-item { display: block; margin: 10px 0px; }
figcaption { text-shadow: 0px 0px 2px #000; }
figcaption p { font-size: 14px!important; }
.grid figure { cursor: default!important; }
.grid figcaption { text-shadow: 0px 0px 3px #666666!important; }
.product { color: #00355a; }
.product:nth-of-type(2n+1) { background-color: #EEE; }
.product .data { padding: 50px 0px; }
.product .picture img { max-height: 400px; margin: 0px 20px; }
.btn-light { border: 2px solid #00355a!important; color: #00355a!important; font-size: 20px; text-transform: uppercase; padding: 10px 20px!important; margin-top: 20px; font-weight: bold!important; }
#product-menu { background-color: #EEE; }
#product-menu ul { list-style: none; margin: 0px; padding: 0px; }
#product-menu li { list-style: none; margin: 0px; padding: 0px; }
#content { padding-top: 0px!important; }
.feature_row { margin: 20px 0px; background-color: #EEE; }
.feature_row .text { padding: 30px; }
.feature_row .image, .feature_row .image img { max-height: 300px; }


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

}

@media only screen and (min-width: 992px) {

}

@media only screen and (min-width: 767px) {
	.product-picture-right .picture img { float: left; }
	.product-picture-left .picture img { float: right; }
	.product .text { position: relative; height: 400px; }
	.product .text>div { position: absolute; top: 50%; transform: translateY(-50%); }
	.product:nth-of-type(2n) .text>div { text-align: left; padding-right: 100px; }
	.product:nth-of-type(2n+1) .text>div { text-align: left; padding-left: 100px; }
}

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

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

@media only screen and (min-width: 1200px) {

}