body, html {
  color: #edeced;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  background: #02261a;
}

body {
  margin-top: 50px;
}

@media (max-width: 992px) {
  .desktop-lg {
    display: none !important;
  }
}

.mobile-md {
  display: none;
}
@media (max-width: 768px) {
  .mobile-md {
    display: block;
  }
}

.mobile-lg {
  display: none;
}
@media (max-width: 992px) {
  .mobile-lg {
    display: block;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: inherit;
  letter-spacing: 1px;
}
h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
  color: #8bffda;
}
h1.darkgreen, h2.darkgreen, h3.darkgreen, h4.darkgreen, h5.darkgreen, h6.darkgreen {
  color: #067e58;
}

h1 {
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 600;
}
@media (max-width: 768px) {
  h1 {
    font-size: 1.6666666667em;
  }
}

h2 {
  font-size: 1.6666666667em;
  font-weight: 700;
}
@media (max-width: 768px) {
  h2 {
    font-size: 1.5555555556em;
  }
}

h3 {
  font-size: 1.4444444444em;
  font-weight: 700;
}
@media (max-width: 768px) {
  h3 {
    font-size: 1.3333333333em;
  }
}

a {
  color: #fff;
  font-weight: 700;
}

#main-content {
  max-width: 100%;
  padding: 50px 5%;
}
@media (min-width: 992px) {
  #main-content {
    width: 50%;
    margin: 0 auto;
  }
}
#main-content .header {
  text-align: center;
}
#main-content .details {
  text-align: center;
}
#main-content .contact-info .location {
  margin-top: 50px;
}
.container {
  max-width: 100%;
  padding: 50px 5%;
}
@media (min-width: 992px) {
  .container {
    width: 50%;
    margin: 0 auto;
  }
}

.copyright {
  font-size: 10px;
}