@import "armsale.css";
@media (max-width: 768px) {
	body {
			  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/section1_bg.jpg");
	}
}
@media (min-width: 540px) {
  #section1 dl.row dt {
    width: 50%;
  }
  #section1 dl.row dd {
    width: 50%;
    padding: 0 0 0 10%;
  }
}
@media (min-width: 768px) {
	nav {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

	}
  #section1 {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/body_bg.jpg");
    background-image: -webkit-image-set(url(../img/body_bg.webp) 1x);
  }
  .section_wrap {
    max-width: 768px;
  }
  .hero_title h1 {
    font-size: 9vw;
  }
  .elena_small {
    position: absolute;
    bottom: 0;
    right: 30px;
    width: 200px;
    margin: 0 auto;
  }
  #section2 article:last-of-type p {
    padding: 2.5% 260px 2.5% 2.5%;
  }
 
  #section2 p br {
    display: block;
  }
  #section2 span {
    display: inline-block;
  }
}
@media (min-width: 1193px) {
	.section {
		background: none;
	}
  body {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/body_bg.jpg");
    background-image: -webkit-image-set(url(../img/body_bg.webp) 1x);
  }
  .product_model {
    max-width: none
  }
  main {
    margin-top: 0;
  }
  #section1 {
    background: none;
  }
  #section3 article dl dt, #section3 article dl dd {
    padding: 0 15px;
  }
  #section2 h2, #section3 h2, #section4 h2, .info-content h2 {
    margin: 0 0 2%;
  }
  #section2 article:last-of-type p {
    text-align: left;
    line-height: normal;
  }
  #section1 article {
    margin: 0 auto;
  }
  #section1 article p {
    margin: 0;
  }
  #section2 article {
    margin: 5% 0;
  }
  #section2 article p {
    max-width: 88%;
  }
  .nav {
    position: fixed;
  }
  .section {
    min-height: 100vh;
    display: table;
    padding: 0;
  }
  .section_wrap {
    margin: 15px auto 0;
    display: table-cell;
    vertical-align: middle;
  }
  .elena {
    display: block;
  }
  .hero_title h1 {
    font-size: 5vw;
    line-height: 1.1;
  }
  #section1 {
    padding-top: 100px;
  }
  #section1 figure figcaption {
    font-size: 21px;
  }
  #section1 dl.row dd figure figcaption {
    font-size: 18px;
  }
  .product_model {
    margin: 5% auto 0;
    max-width: 700px;
  }
  .section_wrap {
    margin: 0 auto;
    width: 100%;
    padding: 0 3% 0 34%;
  }
  #section4 .section_wrap {
    padding: 0 3% 0 40%;
  }
  #section2 article p {
    max-width: 90%;
  }
  #section2 h2, #section3 h2, #section4 h2, .info-content h2 {
    font-size: 38px;
    margin: 0 0 25px;
  }
  #section2 p {
    font-size: 1.6vw;
  }
  #section2 span {
    font-size: 32px;
  }
  #section3 article dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  #section3 article dl dt {
    -ms-flex: 1;
    flex: 1;
    width: inherit;
  }
  #section3 article dl dd {
    display: block;
    width: 38%;
    padding-left: 2.5%;
  }
  #section4 article {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  #section2 article p {
    max-width: 76%;
  }
}