@import url(https://fonts.googleapis.com/css?family=Arvo:700);
@import url(https://fonts.googleapis.com/css?family=Seaweed+Script);

@import 'https://fonts.googleapis.com/css?family=Oswald|Open+Sans';


body {
  background-color: #e4e4e4;
  font-family:"Helvetica Neue","Clarkson","Open Sans",Arial,sans-serif;
  font-size:14px;
}
.plate {
  width: 410px;
  margin: 1% auto;
}
.shadow {
  color: GhostWhite;
  font-family: Arvo;
  font-weight: bold;
  text-shadow:
    -3px -3px 0 #222,
    3px -3px 0 #222,
    -3px 3px 0 #222,
    3px 3px 0 #222,
    4px 4px 0 GhostWhite,
    5px 5px 0 GhostWhite,
    6px 6px 0 GhostWhite,
    7px 7px 0 GhostWhite;
  line-height: 0.8em;
  letter-spacing: 0.1em;
  transform: scaleY(0.7);
  -webkit-transform: scaleY(0.7);
  -moz-transform: scaleY(0.7);
  margin:0;
  text-align: center;
}
.script {
  font-family: "Seaweed Script";
  color: GhostWhite;
  text-align: center;
  font-size: 25px;
  position: relative;
  margin:0;
}
.script span {
  background-color: #222;
  padding: 0 0.3em;
}
.script:before {
  content:"";
  display: block;
  position: absolute;
  z-index:-1;
  top: 50%;
  width: 100%;
  border-bottom: 3px solid GhostWhite;
}
.text1 {
  font-size: 120px;
}
.text2 {
  font-size: 57px;
  margin-bottom:11px;
}
.text3 {
  font-size: 100px;
}
h1 {
    color:#29446F;
    margin-top:0px;
}
h2 {
    color:#29446F;
    font-style:italic;
    margin-top:0px;
    margin-bottom:2px;
}
h3 {
    color:#404040;
    margin-bottom:2px;
}
h4 {
    color:#404040;
    margin-bottom:0px;
}
p {
  font-family:"Helvetica Neue","Clarkson","Open Sans",Arial,sans-serif;
  font-size: 14px;
}

.thirds {
    display: table-cell;
    width: 33%;
}
.mobileabout {
    display:none;
    margin-top:0px;
    margin-bottom:0px;
    font-style:italic;
    text-align:right;
}

.parent {
    margin-left:auto;
    margin-right:auto;
    display:table;
    width:900px;
}
.parent-row {
    display: table-row;
}
.navigation {
    display: table-cell;
    width: 25%;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.content { 
    display: table-cell;
    width: 75%;
    padding-top:0px;
    padding-left:0px;
    padding-right: 5px;
    padding-bottom: 5px;
}
.content-only {
    display: table-cell;
    width: 100%;
    padding-top:0px;
    padding-left:10px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.button {
    border: none;
    padding: 4px 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 0px;
    transition-duration: 0.4s;
    cursor: pointer;
    font-family: "Helvetica Neue","Clarkson","Open Sans",Arial,sans-serif;
    border-radius:4px;
    width:100%;
}

.button1 {
    color: #404040;
}
.button1:hover {
    background-color: #29446F;
    color: GhostWhite;
}
  
.buttonselected {
    background-color: #29446F;
    color: GhostWhite;
}
.buttonselected:hover {
    cursor:default;
}

@media only screen and (max-width: 600px) {
    .hidemobile {
        display:none;   
    }
    .parent {
        width:400px;
    }
    .mobileabout {
        display:block;
    }
    h3 {
        margin-bottom:0px;
    }
    p {
        margin-top:0px;
    }
}