#wrapper { position:relative; width:100%; text-align:center; }

* { transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease; }

#space {
    width:100%;
    height:17%;
}

#menu {
    top:0px;
    left:0px;
    right:0px;
    width:100%;
    height:12%;
    background-color:#f7f579;
    font-weight:700;
    position:fixed;
    z-index:1;
}

#menu #home,
#menu #title {
    display:table;
    width:50%;
    height:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color:#f7f579;
    padding:0 5%;
    font-size:inherit;
}

#menu #home > span,
#menu #title > span { display:table-cell; vertical-align:middle; font-size:inherit; }

#menu #home:active,
#menu #home:hover { background-color:#d8d6dd; }
#menu #home { text-align:left; float:left }
#menu #title { text-align:right; float:right }

a { text-decoration:none; }
a:hover { background-color:#f0f; }

@media (max-width:600px) { #menu { font-size:16px; } }

@media (max-width:1000px) and (min-width:601px) { #menu { font-size:28px; } }

@media (min-width:1001px) { #menu { font-size:36px; } }

img { max-width:90%; padding:0 5% 5%; }

p { color:rgb(0,0,0); font-weight:300; }
h2 { color:rgb(0,0,0); font-weight:400; padding:20px 0 30px; }
h3 { color:rgb(0,0,0); font-weight:400; padding:10px 0 20px; }

#txtWrapper { text-align:left; padding:0 10%; line-height:150%; margin-bottom:5%; }