html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     border: 0px none;
     font-family: 'Open Sans', sans-serif;
     font-feature-settings: inherit;
     font-kerning: inherit;
     font-language-override: inherit;
     font-size-adjust: inherit;
     font-size: inherit;
     font-stretch: inherit;
     font-style: inherit;
     font-synthesis: inherit;
     font-variant: inherit;
     font-weight: inherit;
     line-height: inherit;
     margin: 0px;
     padding: 0px;
     vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}

body, html {
  height: 100%;
  width: 100%;
  background:#282828;
}


body {
     hyphens: auto;
     line-height: 1;
}

strong, b {
     font-weight: bold;
}

blockquote::before, blockquote::after, q::before, q::after {
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0px;
}

.menumain {
   position:relative;
   z-index:999;
   top:0px;
   width:650px;
   height:800px;
   margin:auto;
   background:#303030;   
   padding:0 50px;
}

.wrapper {
     margin-left: auto;
     margin-right: auto;
     width: 750px;
     background:#303030;
}

p, ul {
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-size: 1.2em;
     font-weight: 400;
     line-height: 1.4em;
}

b {
     color: #40403f;
}

a {
     color: #999;
     text-decoration: none;
}


ul li {
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-size: 1.2em;
     font-weight: 400;
     line-height: 1.4em;
     margin:0 0 0 40px;
     padding:0;
}



.menumain ul li {
  height: 325px;
  width:325px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#ccc;
  float:left;
  margin:0;
  padding:0;
}

.menumain ul li:nth-child(1) {
  background:#a51a1d;
}

.menumain ul li:nth-child(2) {
  background:#0aa6d6;
}

.menumain ul li:nth-child(3) {
  background:#0a88bf;
}

.menumain ul li:nth-child(4) {
  background:#0a37d6;
}

.menumain ul li:hover:nth-child(n)  {
  background:#ffa500;
}

.menumain ul li a {
     color: #fff;
     margin:0;
     padding:0;
     font-size:2em;
     line-height:1.2em;
     text-align:center;
}

.contactlink {
     width:100%;
     text-align:right;
     padding:30px 0;
}

.contactlink a {
     color: #fff;
     margin:0;
     padding:0;
     font-size:1.8em;

}

.unit {
     clear: left;
     padding:0 0 40px 0;
}

.unit img {
     width:100%;
}

.unit h1 {
     clear: left;
     color: #ffffff;
     font-size: 2.5em;
     margin: 0px 0px 40px;
     padding: 50px 20px;
     text-align:center;
}

.unit p {
     padding: 0 40px;
     font-size:1.8em;
     line-height:2em;
}


#writing h1 {
    background:#a51a1d;
}

#writing {
    background:#c21518;
}

#textservices {
  background:#00c3ff;
}

#textservices h1 {
    background:#0aa6d6;
}

#music h1 {
    background:#0a88bf;
}

#music {
    background:#009ee3;
}

#teaching {
  background:#0039ff;
  margin-top:-40px;
}

#teaching h1 {
    background:#0a37d6;
}

#teaching h1 span {
    font-size:.8em;
}

#contact {
  background:#1c1c1c;
}

#contact h1 {
  background:#303030;
}

.socialmedia img {
  height:40px;
  width:auto;
  margin:10px 0;
}

.socialmedia .privacy {
  color:#ffa500;
  float: right;
}



.footer {
     background: #fff none repeat scroll 0% 0%; 
     width: 100%;
     color:#000;
}

.footer p {
     color:#000;
     text-align:center;
     font-size:1.6em;
     line-height:4em;
}

.space {
     background: #ffffff none repeat scroll 0% 0%;
     clear: left;
     display: block;
     height: 50px;
     margin: 0px;
     width: 100%;
}

#scrollup {
     bottom: 50px;
     display: none;
     height: 50px;
     position: fixed;
     right: 20px;
     width: 50px;
}

#scrollup:hover {
     cursor: pointer;
}