@font-face {
  font-family: "HeroLight";
  src: url("../fonts/Hero Light.otf"); }

body {
  padding-top: 10px !important;
  font-family: HeroLight, Helvetica, Verdana, Sans-Serif;
  font-size: 20px;
  width: 100%;
  overflow-x: hidden; }

nav {
  left: 0;
  right: 0; }
  nav .navbar-header {
    margin-left: 10%; }
  nav .navbar-toggle {
    border-color: #1E1E20 !important;
    background-color: #1E1E20 !important; }
  @media (min-width: 1024px) {
    nav {
      min-height: 50px;
      max-height: 50px; } }
  nav #navbar.navbar-collapse[aria-expanded="true"] {
    background-color: #1E1E20 !important; }
  nav .navbar-nav {
    float: right; }
    nav .navbar-nav li.active > a.navbar-brand {
      background-color: #1E1E20 !important;
      color: #DC3522 !important;
      text-decoration: underline !important; }
      nav .navbar-nav li.active > a.navbar-brand:hover {
        background-color: #1E1E20 !important;
        color: white !important;
        text-decoration: underline !important; }
    nav .navbar-nav li > a.navbar-brand:hover {
      background-color: #1E1E20;
      color: #DC3522;
      text-decoration: underline; }
    nav .navbar-nav li:last-of-type {
      margin-right: 25px; }
  nav img.navbar-logo {
    height: 50px;
    width: 100px; }
    @media (min-width: 400px) and (max-width: 480px) {
      nav img.navbar-logo {
        margin-top: 8px; } }

.alignment-resolve {
  margin-right: 50px;
  margin-left: 50px; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .alignment-resolve {
      margin-right: 10px;
      margin-left: 10px; } }

.container, .container-fluid {
  min-width: 100%; }

.jumbotron {
  padding-top: 40px;
  width: auto;
  overflow-x: hidden;
  text-align: center;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important; }

section {
  min-height: 600px;
  width: 100%; }
  section:nth-child(odd) {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: -15px; }
  section:nth-child(even) {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: -15px;
    background-color: #374140;
    color: #fff; }
  section#welcome img.welcome-logo {
    width: 500px;
    height: 250px;
    margin-bottom: 50px; }
    @media (min-width: 300px) and (max-width: 399px) {
      section#welcome img.welcome-logo {
        margin-left: 0 !important;
        width: 300px;
        height: 140px; } }
    @media (min-width: 400px) and (max-width: 480px) {
      section#welcome img.welcome-logo {
        margin-left: 0 !important;
        float: left;
        width: 400px;
        height: 200px; } }
  section#portfolio .showcase {
    display: block;
    height: auto;
    min-height: 450px;
    margin: 25px 0 25px 0 !important;
    padding-left: 0px !important; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
      section#portfolio .showcase {
        margin-left: 0px !important; } }
    @media (min-width: 400px) and (max-width: 480px) {
      section#portfolio .showcase {
        padding-left: 42px !important; } }
    @media (min-width: 715px) {
      section#portfolio .showcase {
        padding-left: 50px !important; } }
  section#about .skill-list {
    font-weight: bold;
    color: #DC3522;
    text-align: center; }
    section#about .skill-list p {
      font-size: 30px !important; }
  section#services {
    padding-bottom: 100px; }
    section#services .services-list {
      display: block;
      height: auto;
      min-height: 450px;
      margin: 25px 0 25px 0 !important;
      padding-left: 0px !important; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
        section#services .services-list {
          margin-left: 0px !important; } }
      @media (min-width: 400px) and (max-width: 480px) {
        section#services .services-list {
          padding-left: 42px !important; } }
      @media (min-width: 715px) {
        section#services .services-list {
          padding-left: 0px !important; } }
  section#contact {
    min-height: 900px;
    clear: both; }
    section#contact .row {
      margin-top: 0.75em; }
    section#contact .contact-forms .col-md-12 {
      padding-right: 50px !important;
      padding-left: 0px !important; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
      section#contact .contact-forms {
        font-size: 18px; } }
    section#contact .contact-tag {
      text-align: right; }
      @media (min-width: 300px) and (max-width: 480px) {
        section#contact .contact-tag {
          margin-right: -15px !important; } }
    section#contact .contact-form {
      text-align: left; }
      @media (min-width: 300px) and (max-width: 480px) {
        section#contact .contact-form {
          padding-right: 1px !important; } }
    section#contact p:last-of-type {
      margin-top: 20px; }

.services-group, .portfolio-group {
  float: left;
  border: 3px solid #1E1E20;
  width: 300px;
  height: 475px;
  padding: 10px;
  margin-bottom: 25px;
  overflow: hidden; }
  .services-group, .portfolio-group {
    margin-right: 1% !important; }
  .services-group:hover, .portfolio-group:hover {
    border: 3px solid #DC3522; }
  .services-group .group-header, .portfolio-group .group-header {
    text-align: center;
    padding: 15px 0 15px 0;
    color: #DC3522;
    width: 100%; }
    .services-group .group-header h1, .services-group .group-header h2, .services-group .group-header h3, .services-group .group-header h4, .services-group .group-header h5, .services-group .group-header h6, .services-group .group-header p, .portfolio-group .group-header h1, .portfolio-group .group-header h2, .portfolio-group .group-header h3, .portfolio-group .group-header h4, .portfolio-group .group-header h5, .portfolio-group .group-header h6, .portfolio-group .group-header p {
      margin-top: 5px !important;
      margin-bottom: 5px !important;
      font-size: 30px !important;
      font-weight: bold; }
  .services-group .group-image, .portfolio-group .group-image {
    position: relative;
    min-height: 225px;
    min-height: 225px;
    max-height: 225px;
    max-width: 225px;
    margin: 0 25px 0 25px;
    font-size: 4em !important; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
      .services-group .group-image, .portfolio-group .group-image {
        font-size: 2em !important; } }
    @media (min-width: 400px) and (max-width: 480px) {
      .services-group .group-image, .portfolio-group .group-image {
        font-size: 3em !important; } }
    @media (min-width: 715px) {
      .services-group .group-image, .portfolio-group .group-image {
        font-size: 4em !important; } }
  .services-group .group-footer, .portfolio-group .group-footer {
    position: relative;
    text-align: center;
    padding: 10px 10px 10px 10px;
    color: #fff;
    width: 100%; }
    .services-group .group-footer p, .portfolio-group .group-footer p {
      font-size: 14px; }

footer {
  background-color: #1E1E20;
  height: 125px;
  min-height: 125px;
  overflow: auto;
  min-width: 100%; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    footer {
      height: 200px;
      min-height: 200px; } }
  @media (min-width: 400px) and (max-width: 480px) {
    footer {
      height: 200px;
      min-height: 200px; } }
  footer .container-fluid {
    margin-top: 2em;
    margin-bottom: 2em; }
    footer .container-fluid .footer-left {
      color: #DC3522;
      float: left; }
    footer .container-fluid .divider {
      border-left: 2px solid #DC3522; }
    footer .container-fluid .footer-right {
      color: #DC3522; }

.social-media-icon {
  max-height: 50px;
  max-width: 50px;
  min-height: 50px;
  min-width: 50px;
  padding-top: 5px;
  text-decoration: none !important;
  color: #fff; }
  .social-media-icon:visited {
    color: #fff;
    text-decoration: none !important; }
  .social-media-icon:focus, .social-media-icon:hover {
    color: #fff;
    text-decoration: none !important;
    background-color: #DC3522; }

.btn-branded {
  background-color: #1E1E20;
  border-color: #fff;
  color: #DC3522; }
  .btn-branded:hover {
    background-color: #1E1E20;
    border-color: #DC3522;
    color: #fff; }

.brand-box-link {
  display: block;
  min-height: 231px;
  min-width: 231px;
  height: 231px;
  width: 231px; }
  .brand-box-link:hover {
    border: 3px solid #DC3522; }

.brand-text-colour-1 {
  color: #DC3522; }
  .brand-text-colour-1 a:visited {
    text-decoration: none; }
  .brand-text-colour-1 a:focus, .brand-text-colour-1 a:hover {
    color: #DC3522;
    text-decoration: underline; }

.brand-text-colour-2 {
  color: #D9CB9E; }

.brand-text-colour-3 {
  color: #374140; }

.brand-text-colour-4 {
  color: #2A2C2B; }

.brand-text-colour-5 {
  color: #1E1E20; }

/*# sourceMappingURL=style.min.css.map */