@media only screen and (min-width:960px) and (max-width:1100px) {
.header .container{ padding:16px 2%;}
.header-nav ul li{ font-size:1em;}
}

@media only screen and (min-width:600px) and (max-width:959px) {
img {max-width:100%; height:auto;}
.display-section h1{ font-size:2em; line-height:1.6em;}
.display-section h2{ font-size:1.6em; line-height:1.4em;}
.display-section .product{ float:none; width:500px; margin:0 auto 30px;}
.display-section .product .author{ max-width:220px; position:absolute; bottom:6%; right:18%; color:#444; font-size:16px; font-weight:400;}
.display-section .side-block{ float:none; width:100%; margin:0 auto;}
.display-section .side-block .box{ max-width:600px; height:auto; margin:0 auto; background:#f4ede0; border:2px solid #ffdaa1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:40px 3% 20px;}
.display-section .side-block .box h3{ font-size:1.6em; line-height:1.4em; margin:0 0 28px;}
.display-section .side-block .box h4{ font-size:1.6em; line-height:1.4em; margin:0 0 30px;}
.display-section .side-block .box h5{ margin:0 0 54px;}

}


@media only screen and (min-width:480px) and (max-width:599px) {
img {max-width:100%; height:auto;}
.display-section h1{ font-size:2em; line-height:1.6em;}
.display-section h2{ font-size:1.6em; line-height:1.4em;}
.display-section .product{ float:none; width:450px; margin:0 auto 30px;}
.display-section .product .author{ max-width:220px; position:absolute; bottom:6%; right:15%; color:#444; font-size:16px; font-weight:400;}
.display-section .side-block{ float:none; width:100%; margin:0 auto;}
.display-section .side-block .box{ max-width:600px; height:auto; margin:0 auto; background:#f4ede0; border:2px solid #ffdaa1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:40px 3% 20px;}
.display-section .side-block .box h3{ font-size:1.6em; line-height:1.4em; margin:0 0 28px;}
.display-section .side-block .box h4{ font-size:1.6em; line-height:1.4em; margin:0 0 30px;}
.display-section .side-block .box h5{ margin:0 0 54px;}
}

@media only screen and (min-width:280px) and (max-width:479px) {
img {max-width:100%; height:auto;}
.display-section h1{ font-size: 24px; line-height: 26px; margin-bottom: 10px;}
.display-section h2{ font-size: 20px; line-height: 22px; margin-bottom: 10px;}
.display-section .product{ float:none; width:250px; margin:0 auto 30px;}
.display-section .product .author{ max-width:120px; position:absolute; bottom:1%; right:9%; font-size:1em;}
.display-section .side-block{ float:none; width:100%; margin:0 auto;}
.display-section .side-block .box{ max-width:600px; height:auto; margin:0 auto; background:#f4ede0; border:2px solid #ffdaa1; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:40px 3% 20px;}
.display-section .side-block .box h3{ font-size:1.6em; line-height:1.4em; margin:0 0 28px;}
.display-section .side-block .box h4{ font-size:1.6em; line-height:1.4em; margin:0 0 30px;}
.display-section .side-block .box h5{ margin:0 0 54px;}
}
