body {
  font-family: 'Roboto', sans-serif;
  padding: 0;
  margin: 0;
  /*background: black;*/
  background: #444444;
}
#top_bar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  height: 10em;
  /*background: #e0e0e0;*/
  background: black;
  color: white;
  float: left;
}
#top_bar .left {
  float: left;
  height: 100%;
}
#top_bar .right {
  float: right;
  height: 100%;
  padding-right: 1%;
}
#top_bar .right h3 {
  font-size: 1.7em;
  padding: 0;
  margin: 1.25vh;
  text-align: right;
}
#top_bar .left #logo {
  height: 100%;
}
#top_bar .right #top_heading {
    padding-top: 0.5em;
}
#top_bar .right #bottom_heading {
    padding-bottom: 0.5em;
}

#menuBar {
  position: fixed;
  top: 10em;
  width: 100%;
}
.menuItem {
    width: 25%;
    text-align: center;
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
    background: rgba(150, 150, 150, 1);
    transition: background 1s;
    max-height: 3.6em;
    display: inline-block;
}
.menuItem:hover {
    /*background: -webkit-linear-gradient(rgba(150, 150, 150, 0.7), rgba(150, 150, 150, 0.9));*/
    background: rgba(175, 175, 175, 0.5);
    cursor: pointer;
    transition: background 1s;
}
#menuBar a {
  color: black;
}
#compressedMenu {
    display: none;
}
.menuItem h2 {
  font-size: 1.35em;
}

.main_content {
  padding: 14em 5% 10vh 5%;
  background: #ffffb3;
  width: 90%;
  font-size: 1.35em;
}

.img_in_text {
  height: 25%;
  float: right;
  padding: 0 0 5% 5%;
}
@font-face {
  font-family: hwygoth;
  src: url('fonts/HWYGOTH.TTF');
}
h1, h2, h3, h4 {
  font-family: hwygoth;
}
.photo_gallery {
  padding: 5%;
}
.photo_gallery img {
  width: 40%;
  padding: 5%;
  float: left;
}
.photo_gallery .bottom_img {
    margin-bottom: 7.5%;
}
#footing {
    position: fixed;
    bottom: 0;
    width: 100%;
}
#footing #fb_link, #footing #reviewLink {
    float: right;
    margin: 4%;
}
#footing img {
    width: 5vmax;
}
#designedBy {
    position: fixed;
    bottom: 3%;
    left: 3%;
    color: #dddddd;
}
#designedBy a {
    text-decoration: none;
    color: deepSkyBlue;
}
button {
    background: radial-gradient(#1B2631, #5D6D7E);
    border: none;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    border-radius: 0.5em;
    min-width: 10vw;
    color: white;
}
button:hover {
    background: radial-gradient(#212F3C, #85929E);
    cursor: pointer;
}
input, textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
}
textarea, input {
    width: 70%;
}
.radio_button_label {
    margin-left: -60%;
}
.radio_button {
    float: left;
}
.contact_form {
    padding-left: 25%;
    margin: 0;
}


@media (max-aspect-ratio: 1/1) {
    #top_bar .left, .right {
      width: 100%;
      float: left;
      text-align: center;
    }
    #top_bar {
      height: auto;
    }
    #top_bar .left {
      height: 10vh;
    }
    #top_bar .right {
      height: 17vh;
    }
    #top_bar .right h3 {
      text-align: center;
      font-size: 2.5vh;
    }
    #menuBar {
      top: 27vh;
      z-index: 1;
    }
    .menuItem {
        width: 100%;
        float: left;
        display: none;
        font-size: 1.75vh;
    }
    #compressedMenu {
        font-size: 3em;
        display: block;
        float: right;
        padding: 0 1.2em 0 0;
        margin: 0;
        cursor: pointer;
        font-size: 5vh;
        color: #444444;
        transition: color 1s;
    }
    #compressedMenu:hover {
      color: #777777;
      transition: color 1s;
    }
    .main_content {
      padding: 35vh 10% 5vh 10%;
      font-size: 2.5vh;/*2.7rem;*/
    }
    #designedBy {
        font-size: 1.4vh;
    }
    .photo_gallery {
        padding: 10% 5%;
        width: 100%;
        /*background: white;*/
    }
    .photo_gallery img {
      width: 40%;
      padding-left: 5%;
      padding-right: 5%;
      float: left;
    }
    .photo_gallery .bottom_img {
        margin-bottom: 20%;
    }
    textarea, input {
        width: 100%;
    }
    .contact_form {
        padding: 5%;
    }
    .radio_button_label {
        margin-left: -80%;
    }
    .radio_button {
        height: 2vh;
    }
    .g-recaptcha {
        transform:scale(1.5);
        -webkit-transform:scale(1.5);
        transform-origin:100% 0;
        -webkit-transform-origin:100% 0;
        margin-left: 32.5%;
    }
    #submitButton {
        margin-top: 5vh;
    }
}