/* Helpers and Extras */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500, 700');
body{
	font-family: 'Ubuntu', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
}
.super{
	font-weight: 700;
}

.pad-top{
	padding-top: 4em;
}
.pad-bottom{
	padding-bottom: 4em;
}
.pad {
    padding: 0.675em;
}

.rounded {
    border-radius: 3px;
}

.button {
	background-color: #bf1e2e;
}
.button:hover, .button:focus {
	background-color: #73131d;
}



/* Customizations */
.center_vertically {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Topbar */

.topbar-responsive {
  background: #ffffff;
  padding: 1rem 1.5rem;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
		
}

.topbar-responsive .topbar-responsive-logo {
  vertical-align: middle;
}

.topbar-responsive .menu {
  background: transparent;
}

.topbar-responsive .menu li:last-of-type {
  margin-right: 0;
}

.topbar-responsive .menu a {
  color: #bf1e2e;
  transition: color 0.15s ease-in;
	text-transform: uppercase;
}

.topbar-responsive .menu a:hover {
  color: #73131d;
}

.menu-icon::after {
    background: #000000;
    box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu a {
    padding: 0.875rem 0;
  }
}

.topbar-responsive .menu .topbar-responsive-button {
  color: #fefefe;
  border: none;
  transition: color 0.15s ease-in, border-color 0.15s ease-in;
}

.topbar-responsive .menu .topbar-responsive-button:hover {
  color: #c6d1d8;
  border-color: #c6d1d8;
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive .menu .topbar-responsive-button {
    width: 100%;
    margin: 0.875rem 0;
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive {
    padding: 0.75rem;
  }
  .topbar-responsive .top-bar-title {
    position: relative;
    width: 100%;
  }
  .topbar-responsive .top-bar-title span {
    position: absolute;
    right: 0;
    border: 1px solid #fefefe;
    border-radius: 5px;
    padding: 0.25rem 0.45rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .topbar-responsive .top-bar-title span .menu-icon {
    margin-bottom: 4px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media screen and (max-width: 39.9375em) {
  .topbar-responsive-links {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    width: 100%;
    -webkit-animation: fadeIn 1s ease-in;
            animation: fadeIn 1s ease-in;
  }
}


/* Hero */


.hero-section {
  background: url(../img/hero.jpg) 50% no-repeat;
  background-size: cover;
  height: 60vh;
  color: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}



/* Marketing Content */


.marketing-site-content-section {
 background: #e6e6e6;
 padding: 4em;
}
.about-site-content-section {
 background: #e6e6e6;
 padding: 2em;
}


.marketing-site-content-section-block-header {
  font-size: 24px;
}

.marketing-site-content-section-block-subheader {
      color: #0a0a0a;
}

 #armap {
   margin-bottom: 2em;
 }

@media screen and (min-width: 64em) {
 #armap {
   margin-bottom: 0em;
 }
 .marketing-site-content-section {
  padding: 4em;
  }
}





/* 3 Up Image Block */
.image-wrapper {
    position: relative;
}

.title-banner {
    position: absolute;
	width: 90%;
	color: #ffffff;
}


/* Footer */
footer{
	background: #2c3840;
}

.footer{
	color:#999;
}
.credits {
    font-size: 0.8em;
    color: #777f86;
	background: #25313a;
}
footer a {
    color: #eee;
}
footer a:hover {
    color: #999;
}


/* Google Map*/

#map {
	width: 100%;
	height: 500px;
}


/* Contact Form */
.contact-us-form {
    width: 100%;
}

.contact-us-form input[type=text],
.contact-us-form input[type=tel],
.contact-us-form input[type=email],
.contact-us-form textarea {
  margin-bottom: 1.4rem;
}

.contact-us-form-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contact-us-form-actions input[type=submit] {
  padding-left: 2rem;
  padding-right: 2rem;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	box-shadow: none;
	font-size: 0.8rem;
	background-color: #f9f9f9;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
	box-shadow: none;
}

*::-ms-backdrop, marketing-site-content-section-block { flex-basis: 100%; }
