body {
    touch-action: manipulation;
    font-family: 'Merriweather', serif;
    text-align: center;
}

.row {
    background-color: #5bdbec;
    border: 1px solid #070707;
}

div[class^='col'], div[class*=' col']{
    background-color: #d9e2ec;
    border: 1px solid #070707;
}

h1 {font-size:8rem;}
h2 {font-size:4rem;}

@media screen and (min-height: 300px) {
    h1 {font-size:3rem;}
    h2 {font-size:4rem;}
}
@media screen and (min-height: 360px) {
    h1 {font-size:3rem;}
    h2 {font-size:4rem;}
}
@media screen and (min-height: 660px) {
    h1 {font-size:8rem;}
    h2 {font-size:4rem;}
}
@media screen and (min-height: 736px) {
    h1 {font-size:8rem;}
    h2 {font-size:4rem;}
}