.max-wrapper {
    border: 3px solid #ffe600;
    border-radius: 0px;
}
.site-logo {
    padding-top: 10%;
}
.site-logo img {
    max-width: 200px;
}
.button-container {
    margin-bottom: 22em;
}
.container-ratio-outer {
    border-radius: 0px;
    border: 3px solid #ffffff;
}
@media only screen and (max-width:500px){
    .start-screen .button-container {
    margin-bottom: 18em;
}
}
@media only screen and (min-width:320px) and (max-width:340px){
   .start-screen .button-container {
    margin-bottom: 15em;
}
.site-logo {
    padding-top: 5%;
}
}
@media only screen and (min-width:370px) and (max-width:380px){
   .start-screen .button-container {
    margin-bottom: 14em;
}
.site-logo img {
    max-width: 150px;
}
.site-logo {
    padding-top: 3%;
}
}