a.menu-link:link    {display: inline-block; box-sizing: border-box; text-decoration: none; color: black; border-bottom: 1px solid white; padding: 0px 0px 2px 0px;}
a.menu-link:visited {display: inline-block; box-sizing: border-box; text-decoration: none; color: black; border-bottom: 1px solid white; padding: 0px 0px 2px 0px;}
a.menu-link:hover   {display: inline-block; box-sizing: border-box; text-decoration: none; color: black; border-bottom: 1px solid black; padding: 0px 0px 2px 0px;}
a.menu-link:active  {display: inline-block; box-sizing: border-box; text-decoration: none; color: black; border-bottom: 1px solid black; padding: 0px 0px 2px 0px;}

body {
float: left;
margin: 0px;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: 300;
}

@media only screen and (max-width: 1199px) {
body {
font-size: 20px;
}
}

@media only screen and (max-width: 699px) {
body {
font-size: 18px;
}
}

#page {
float: left;
}

.title {
float: left;
box-sizing: border-box;
width: 100%;
padding: 40px 40px 0px 40px;
white-space: nowrap;
}

@media only screen and (max-width: 699px) {
.title {
padding: 20px 20px 0px 20px;
}
}

.box {
float: left;
clear: both;
box-sizing: border-box;
border: 1px solid black;
text-align: center;
word-spacing: 0.2em;
}

.box-writing {
float: left;
box-sizing: border-box;
width: 100%;
padding: 10px 10px 10px 10px;
}

.first-writing {
float: left;
clear: both;
box-sizing: border-box;
padding: 80px 40px 0px 40px;
}

@media only screen and (max-width: 699px) {
.first-writing {
padding: 40px 20px 0px 20px;
}
}

.writing {
float: left;
clear: both;
box-sizing: border-box;
padding: 40px 40px 0px 40px;
}

@media only screen and (max-width: 699px) {
.writing {
padding: 20px 20px 0px 20px;
}
}

.footer {
float: left;
box-sizing: border-box;
width: 100%;
padding: 80px 40px 0px 40px;
}

@media only screen and (max-width: 699px) {
.footer {
padding: 80px 20px 0px 20px;
}
}

.footer-box {
float: left;
box-sizing: border-box;
margin: 0px 40px 0px 0px;
}

@media only screen and (max-width: 499px) {
.footer-box {
clear: both;
margin: 10px 40px 0px 0px;
}
}

.footer-visited {
float: left;
box-sizing: border-box;
padding: 0px 0px 2px 0px;
border-bottom: 1px solid black;
}