@media only screen and (min-width: 768px) and (max-width: 959px) {
.container {
width: 768px;
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.3em;
}
}
@media only screen and (max-width: 767px) {
.container {
width: 95%;
}
.button {
min-width: auto;
min-height: auto;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.2em;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 70%;
}
}