body {
    background-color: #001e31;
}
.content {
    color: #fff;
}
.q_slider .wrap_descr {
    top: 55%;
    left: 50%;
}
.q_slider .wrap_name {
    color: #fff;
    margin-bottom: 2.2em;
}
.q_slider .wrap_name .prod_name{
/*	color:#c1a05a;*/
	font-size: 1.7em;
}
.q_slider .wrap_copy {
    color: #000;
    font-weight: 500;
    margin-bottom: 0.4em;
}
.q_slider .wrap_copy .prod_copy{
	color:#b99f64;
}
.q_slider .wrap_descr {
    text-align: center;
    position;absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.q_slider .wrap_btn {
    justify-content: center;
}
.q_slider .wrap_btn a {
    background: rgb(240, 0, 0);
}

section {
    padding: 5% 1%;
}
section.innovator {
    padding: 5% 3%;
}
h2 {
    font-size: 3.8rem;
    padding-bottom: 0.3em;
}
.innovator h2 {
    text-align: center;
}
.h2_sub {
    font-size: .75em;
}
.innovator p {
    text-align: center;
}
section > .wrap_inner {
    display: flex;
    justify-content: space-between;
}
.wrap_inner .box_fig {
    width: 49%;
}
.wrap_inner .box_fig_wide {
    width: 100%;
}
.wrap_inner .box_dscr {
    width: 49%;
}
.wrap_inner .box_dscr .quote {
    padding-left: 4em;
    border-left: 1px solid #666;
    font-family: oswald;
    font-size: 1.4rem;
    font-style: italic;
    margin: 2em 0;
}
section.trio {
    background-image: url(../img/trem-trio.png);
    background-size: cover;
    padding: 0;
}
.trio .box_dscr {
    background-color: rgba(0,0,0,.8);
    padding: 10% 5%;
}
section.introduce {
    padding: 7%;
}
.introduce h2 {
    padding-bottom: 1em;
}
.introduce .wrap_inner .box_dscr {
    width: 60%;
}
.introduce .wrap_inner .box_fig {
    width: 38%;
}
section.philosophy {
    background-color: #000;
    padding: 5%;
}
.philosophy h2 {
    font-weight: 200;
    font-size: 3rem;
    color: #fb8f00;
    text-align: center;
}
.philosophy .lead {
    font-family: 'Oswald';
    width: 65%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 200;
    padding-bottom: 2em;
}
.philosophy dl {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}.philosophy dl dt {
    font-size: 1.4rem;
    color: #fb8f00;
}
.philosophy dl dd {
    padding-bottom: 1em;
}
section.products {
    background-color: rgb(19, 19, 19);
    padding: 2% 17%;
}
.products h2 {
    color: #fb8f00;
    font-weight: 200;
    text-align: center;
    font-size: 3rem;
    border-bottom: 1px solid #fff;
}
.wrap_history {
    padding: 6% 0 15%;
    border-bottom: 1px solid #fff;
}
.year {
    color: #fb8f00;
    font-family: oswald;
    font-size: 1.6em;
    font-weight: 600;
    padding-bottom: 0.1em;
}
.prod_name {
    font-family: oswald;
    font-size: 2.6em;
    padding-bottom: 0.8em;
    font-weight: 200;
}
.box_btn a {
    background-color: #000;
    color: #fff;
    font-weight: 500;
}
.wrap_history.col_fig_right,.wrap_history.col_fig_left {
    display: flex;
}
.wrap_history.col_fig_left{
	flex-direction: row-reverse;
}
.wrap_history .box_dscr {
    width: 50%;
}
.wrap_history .box_fig {
    width: 50%;
    padding: 0 10%;
}
.wrap_history .box_fig_wide {
    width: 80%;
    padding: 0 7%;
}
.wrap_history.no_col.x_wah > img {
    width: 70%;
    margin: 0 auto;
    display: block;
}
.wrap_history.no_col.all_brass > img {
    width: 60%;
    display: block;
    margin: 0 auto;
}
.wrap_history:last-child {
    border: 0;
}

@media screen and (max-width: 900px){
	.q_slider .wrap_descr {
	    width: 100%;
	}
	.q_slider .wrap_copy {
	    margin-bottom: 0.6em;
	}
	.q_slider .wrap_name {
	    margin-bottom: 0.5em;
	}
}

@media screen and (max-width: 600px){
	.q_slider_item img {
	    left: 50%;
	    transform: translate(-50%, 0);
	    width: auto;
	    height: 100%;
	}
	.q_slider .wrap_descr {
/*	    left: 40px;*/
	}
	.q_slider .wrap_name {
	    margin-bottom: 0.6em;
	}
	.q_slider .wrap_copy {
	    margin-bottom: 0.6em;
	}
	section > .wrap_inner {
    display: block;
}
.wrap_inner .box_fig {
    width: 100%;
}
.wrap_inner .box_dscr {
    width: 100%;
}
.introduce .wrap_inner .box_dscr {
    width: 100%;
}
.introduce .wrap_inner .box_fig {
    width: 100%;
}
.philosophy .lead {
    width: 100%;
}
.philosophy dl {
    width: 100%;
}
section.products {
    padding: 2%;
}
.wrap_history.col_fig_right, .wrap_history.col_fig_left {
    flex-direction: column-reverse;
}
.wrap_history .box_dscr {
    width: 100%;
}
.wrap_history .box_fig {
    width: 100%;
    padding: 0 30%;
}

}