/* Modal */



/* End Modal */

/* Nav Bar */

  @media (max-width: 850px){

    /* Show and hide */
    .desktop{display: none;}
    .mobile{display: inline;}

    /* Mobile Navbar */

      /*Disable Collapse*/



      /**/
      .navbar-fixed-top {
        background-color: #ab244d;
        border-radius:1px;
        text-align: center;
        font-weight: bold;
      }

      .nav.navbar-nav li a {
        color: black;
      }

      .nav.navbar-nav a:hover {
        color: grey;
      }
    /* End Mobile Navbar */

  }

  @media (min-width: 850px) {
    /* Show and hide */
    .desktop{display: inline;}
    .mobile{display: none;}


    /* Desktop Navbar */
    .navbar-fixed-left {
      width: 75px;
      position: fixed;
      border-radius: 0;
      height: 100%;
      background-color: #ab244d;
      margin-left:-8px;
    }

    .navbar-fixed-left .navbar-nav > li {
      float: none;  /* Cancel default li float: left */
      width: 80px;
    }

    .navbar-fixed-left + .container {
      padding-left: -20px;
    }

    .navbar-items {
      position: absolute;
      top: 30%;
    }

    /* End Desktop Navbar */

  }



/* End Nav Bar */

/* Content */


  .text {
    padding-top: 30px;
  }

  .text-right-divs {
    padding-top: 60px;
  }

  .text-web-div  {
    padding-top: 40px;
  }
  .text-bottom-divs {
    padding-top: 15px;
  }

  /* Boxes */


  .logo-div {
    height: 150px;
    background-image: url("images/aboutio-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }


  .contact-div {
    background-color: #3a4e90;
    width: 100%;
    height: 100px;
    text-align: center;
    color: white;
  }

  .main-image-div {
    background-image: url(images/img1.jpg);
    background-size: cover;
    background-position: center;
    height: 600px;
    width: 100%;

  }

  .main-image-text{
    padding-top: 10px;
    padding-left: 5px;
    position: absolute;
            top: 20px;
            width: 80%;
            border-radius: 15px;
    background-color: rgba(255,255,255,0.8);

    color: #1f234a;
    font-size: 120%;
  }

  .web-div {
    background-color: #84bf41;
    width: 100%;
    text-align: center;
    color: white;
    height: 150px;
  }

  .graphic-div {
    background-color: #eb8b2e;
    width: 100%;
    height: 120px;
    text-align: center;
    color: white;
    height: 150px;
  }

  .printing-div {
    background-color: #baae92;
    width: 100%;
    height: 120px;
    text-align: center;
    color: white;
    height: 150px;
  }


  .apparel-div {
    background-color: #fff104;
    width: 100%;
    height: 60px;
    text-align: center;
  }

  .promotional-div {
    background-color: #cbcccb;
    width: 100%;
    height: 60px;
    text-align: center;
  }

  .signs-div {
    background-color: #00a3da;
    width: 100%;
    height: 60px;
    text-align: center;
  }

  /* Mobile */
  @media (max-width: 850px){

    .text-right-divs {
      padding-top: 20px;
    }

    .text-web-div  {
      padding-top: 20px;
    }

    .logo-div {
      margin-top: 65px;
    }

    .contact-div {
      margin-top:85px;
      margin-bottom:30px;
    }

    .main-image-text {
      left: 10%;
    }

    .web-div {

    }

    .graphic-div {
      margin-top: 75px;
    }

    .printing-div {
      margin-top: 75px;
    }

    .apparel-div {
      margin-top: 20px;
    }

    .promotional-div {
      margin-top: 20px;
    }

    .signs-div {
      margin-top: 20px;
    }

  }

  /* Reposition contact divs for screen width below 768px */
  @media (max-width: 768px){
    .contact-div {
      display: none;
    }

    .web-div {
      height: 100px !important;
      margin-top: 20px !important;
    }

    .graphic-div {
      height: 60px !important;
      margin-top: 20px !important;
    }

    .printing-div {
      height: 60px !important;
      margin-top: 20px !important;
    }


  }


  /* Desktop */
  @media (min-width: 850px){
    .container-child-pages {
      margin-left: 60px !important;
    }

    .logo-div {
      margin-left:35px;
    }
    .contact-div {
      margin-top: 15px;
      margin-left:80px;
    }

    .contact-div-child-pages {
      margin-left: -15px !important;
    }

    .main-image-div {
      margin-left:35px;
    }

    .main-image-text {
      left: 75px;
    }

    .web-div {
      margin-left:35px;
    }

    .graphic-div {
      margin-top: 75px;
      margin-left:35px;
    }

    .printing-div {
      margin-top: 75px;
      margin-left:35px;
    }

    .apparel-div {
      margin-top: 20px;
      margin-left:35px;
    }

    .promotional-div {
      margin-top: 20px;
      margin-left:35px;
    }

    .signs-div {
      margin-top: 20px;
      margin-left:35px;
    }


  }



  /*End Boxes */

/* End Content */

/* Footer */
  .footer {
    margin-top: 20px;
    background-color: #3a4e90;
    color: white;
    font-weight: bold;
  }

  .text-footer {
    padding-top: 12px;
  }

  /* Desktop */
  @media (min-width: 850px) {
    .footer {
      margin-left: 60px;
      height: 55px;
    }
  }
  /* Mobile */
  @media (max-width: 850px) {
    .footer {
      height: 55px;
      margin-left: none;
    }
  }

/* End Footer */