@media only screen and (max-width: 320px) {
.logo > img { width: 76%;}
.container {width:96%;}
.subscribe_sec {padding: 30px;}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
.logo > img { width: 76%;}
.container {width:96%;}
.subscribe_sec {padding: 30px;}
body {font-size:0.5em;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {

.container {width:96%;}
.subscribe_sec {padding: 30px;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.container {width:96%;}
.subscribe_sec {padding: 30px;}
}