@media screen and (max-width: 900px) {

       /* --- Font-Size --- */

       main p {
	   font-size: 14px;
	   }

       /* --- Navigation --- */

       #fixedButton {

       }

       header#top-header {
       top: -70px;
       -webkit-box-shadow: 0px 2.5px 2.5px 0px rgba(189,187,189,0.5);
       -moz-box-shadow: 0px 2.5px 2.5px 0px rgba(189,187,189,0.5);
       box-shadow: 0px 2.5px 2.5px 0px rgba(189,187,189,0.5);
       }

       /*.search-box {
       display: inline-block;
       margin: 15px;
       margin-left: 10px;
       }

       #myInput {
       width: 0;
       }
       .search-box:hover > #myInput {
       width: 80%;
       }*/

       .logo-container {
       float: left;
       max-width: 20%;
       }
       nav {
       display: block;
       float: left;
       width: 100%;
       }

       a#icon {
       display: block;
       float: right;
       }

       header#top-header nav .top-menu {
       position: absolute;
       top: 0;
       left: 0;
       background: white;
       width: 100%;
       display: none;
       }

       .top-menu div.menu-container {
       position: relative;
       }

       .top-menu div.menu-container, .top-menu .menu-list{
       display: none;
       margin-left: 0;
       width: 100%;
       }

       .top-menu a {
       padding: 10px;
       }

       .top-menu .search-box {
       margin: 10px;
       }

       header#top-header nav .menu-container .sub-menu {
       position: absolute;
       }

       /* --- Main/Aside Padding --- */

       main, aside {
       padding: 5% 5%;
       width: 100%;
       height: auto;
       }

       footer.main-footer div {
       width: 100%;
       }
}