/* Vertical Screen */
@media (max-aspect-ratio: 1/1) {
#content {width:100%;}
#header { width:100%;}
#title{ width:100%;}
@media screen and (min-width: 300px) {
    /* #header {border: 1px solid orange;} */
    html{ font-size:15px;}
    div.menu_element {font-size:30px;}
}
@media screen and (min-width: 400px) {
    /* #header {border: 1px solid gray;} */
    html{ font-size:20px;}
    div.menu_element {font-size:40px;}
}
@media screen and (min-width: 600px) {
    /* #header {border: 1px solid coral;} */
    html{ font-size:30px;}
    div.menu_element {font-size:60px;}
}
@media screen and (min-width: 900px) {
    /* #header {border: 1px solid red;} */
    html{ font-size:40px;}
    div.menu_element {font-size:90px;}
}
@media screen and (min-width: 1200px) {
    /* #header {border: 1px solid purple;} */
    html{ font-size:40px;}
    div.menu_element {font-size:70px;}
}
}

/* Horizontal Screen */
@media (min-aspect-ratio: 1/1) {
/*#content {border:1px solid green;}*/
html{ font-size:20px;}
#header { width:800px;
    /* border: 1px solid green; */
}
div.menu_element {
    font-size:160%;
  }
#title { width:70%;}
#content {width:600px;}
}