/*
Title:		Master styles for screen media
Author: 	gbrad@firebrand-media.com
*/
/* BASE STYLES
----------------------------------------------- */
body {
  font: normal 100% sans-serif; }

img {
  width: 100%;
  max-height: auto; }

a {
  color: RGBA(230, 86, 47, 1);
  text-decoration: none;
  border-bottom: 1px solid RGBA(230, 86, 47, 1);
  transition: color .2s linear; }

p {
  padding: 5px 20px; }

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* HEADER STYLES
----------------------------------------------- */
header {
  border-top: 5px solid RGBA(97, 169, 75, 1);
  background-color: RGBA(230, 86, 47, 1);
  color: #fff;
  padding: 5px 0; }

header a {
  color: #fff;
  text-decoration: none; }

header p {
  text-align: left;
  font-weight: 700;
  padding: 2px 30px 2px 20px; }

header p i {
  float: right;
  font-size: 120%; }

header em {
  display: none; }

header .logo {
  border-top: 1px solid RGBA(256, 256, 256, 0.5);
  border-bottom: 1px solid RGBA(256, 256, 256, 0.5);
  padding: 12px 0 7px 0; }

header .nav-toggle {
  font-size: 130%;
  padding: 10px; }

header a.nav-toggle {
  color: #fff;
  text-align: left;
  padding: 0;
  width: 90%;
  margin: 10px auto;
  display: block;
  border-bottom: none;
  font-weight: 700; }

header a.nav-toggle:after {
  content: "\2261";
  /*Hexadecimal for Unicode down arrow (⇓)*/
  float: right;
  font-size: 200%;
  display: inline-block;
  width: 10%;
  margin: -20px 0px -20px 0;
  font-weight: 300; }

nav ul {
  margin: 0;
  padding: 0;
  text-align: left; }

nav li {
  padding: 8px 0 8px 23px;
  margin: 3px 0;
  list-style-type: none;
  border-bottom: 1px solid RGBA(256, 256, 256, 0.3); }

nav li:first-of-type {
  border-top: none; }

nav .social-navigation li:first-of-type {
  border-top: none; }

nav .social-navigation li:last-of-type {
  border-bottom: none; }

nav li i {
  float: right;
  margin: 0 8% 0 0; }

@media screen and (min-width: 1100px) {
  header {
    padding: 5px 0 15px 0; }

  header p {
    border-bottom: 1px solid RGBA(256, 256, 256, 0.3);
    padding: 0 20px 20px 20px; }

  header em {
    display: inline-block;
    float: right;
    padding: 2px 5px 0 0;
    font-style: normal; }

  header .logo {
    float: left;
    width: 320px;
    height: auto;
    border-bottom: none;
    border-top: none; }

  nav {
    float: right; }

  nav ul {
    text-align: right;
    margin: 40px 0; }

  nav li {
    display: inline;
    border-bottom: none; }

  nav li:first-of-type {
    border-top: none; }

  nav li i {
    margin: 0 3px;
    float: left; }

  nav ul.main-navigation {
    text-align: center;
    width: 600px;
    float: left; }

  nav ul.social-navigation {
    float: left;
    width: 85px;
    padding: 0;
    margin: 40px 0 0 0; }

  nav ul.social-navigation li {
    padding: 3px;
    margin: 0; }

  nav i.icon-services, .icon-testimonial, .icon-about, .icon-contact {
    display: none; }

  nav ul.social-navigation .mobile-social {
    display: none; }

  .main-navigation a:hover {
    border-bottom: 1px solid #fff; } }
/* HOMEPAGE CONTENT
----------------------------------------------- */
.welcome-text {
  margin: 0;
  padding: 10px;
  background-color: RGBA(97, 169, 75, 1);
  color: #fff;
  text-align: center; }

.welcome-text h1 {
  border-bottom: 1px solid RGBA(256, 256, 256, 0.3);
  padding: 0 0 10px 0; }

.welcome-services {
  text-align: left; }

.welcome-services h2 {
  border-bottom: 1px solid RGBA(230, 86, 47, 0.2);
  padding: 0 0 10px 0;
  color: RGBA(97, 169, 75, 1);
  text-align: center; }

.why-a-plus {
  text-align: left; }

.why-a-plus h2 {
  border-bottom: 1px solid RGBA(230, 86, 47, 0.2);
  padding: 0 0 10px 0;
  color: RGBA(97, 169, 75, 1);
  text-align: center; }

.testimonials {
  text-align: left; }

.testimonials h2 {
  border-bottom: 1px solid RGBA(230, 86, 47, 0.2);
  padding: 0 10px 10px 10px;
  color: RGBA(97, 169, 75, 1);
  text-align: center; }

/* MAIN CONTENT STYLING
----------------------------------------------- */
.main-content h2 {
  text-align: center; }

.main-content h3 {
  text-align: center; }

@media screen and (min-width: 1100px) {
  .welcome-text {
    margin: -330px 0px 0px;
    padding: 80px 0 31px 0;
    width: 100%;
    background-color: RGBA(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
    position: absolute;
    font-size: 125%;
    text-shadow: 1px 1px 2px black; }

  .welcome-text h1 {
    border-bottom: 1px solid RGBA(256, 256, 256, 0.3);
    padding: 0 0 10px 0; }

  .welcome-text p {
    padding: 0 210px;
    line-height: 1.4em; }

  .content-wrapper {
    width: 1100px;
    margin: 20px auto 20px auto; }

  .content-wrapper li {
    line-height: 1.5em; }

  .welcome-services {
    width: 300px;
    float: left;
    margin: 0 30px 0 0;
    line-height: 1.2em;
    text-align: left; }

  .why-a-plus {
    width: 400px;
    float: left;
    margin: 0 15px;
    line-height: 1.2em;
    text-align: left; }

  .testimonials {
    width: 300px;
    float: left;
    margin: 0 0 0 30px;
    line-height: 1.2em;
    text-align: left; }

  .main-content {
    border-bottom: 1px solid RGBA(230, 86, 47, 0.2); }

  .main-content h3 {
    text-align: left;
    padding: 0 20px; } }
/* FOOTER STYLING
----------------------------------------------- */
footer {
  background-color: RGBA(230, 86, 47, 1);
  color: #fff;
  padding: 20px 10px;
  text-align: center; }

footer a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff; }

/* SCAVENGER HUNT STYLING
----------------------------------------------- */
#scavenger-hunt-1 {
  display: none; }

#scavenger-hunt-1 img {
  width: 30px;
  height: 30px; }

#scavenger-hunt-2 {
  display: none; }

#scavenger-hunt-2 img {
  width: 30px;
  height: 30px; }

#scavenger-hunt-3 {
  display: none; }

#scavenger-hunt-3 img {
  width: 30px;
  height: 30px; }

#scavenger-hunt-4 {
  display: none; }

#scavenger-hunt-4 img {
  width: 30px;
  height: 30px; }

#scavenger-hunt-5 {
  display: none; }

#scavenger-hunt-5 img {
  width: 30px;
  height: 30px; }