/* Extra small devices (portrait phones, less than 576px) // No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .logo img {
    max-width: 100%;
    margin: 5px 0;
  }

  .navbar {
    margin-top: 10px;
    padding: 0;
  }

  .slideText {display: block;}
  .splitRow .col-sm-6.first {padding-right: 2px;}
  .splitRow .col-sm-6.second {padding-left: 2px;}

  .productImage {max-width: 100%;}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  h1 {font-size: 2.5rem;}
  .slideTitle {font-size: 2rem;padding-bottom: 0px; font-weight: 600;}
  .slideText {font-size: 1rem; line-height: 1.2;padding: 0 10%;}
  .graphicSection .caption {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .leftTextImage {padding-right: 10%;}
  .rightTextImage {padding-left: 10%;}
  .rightImage {margin-bottom: 0px;}

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  footer {text-align: left;}
  #frmContact {margin: 10px 15%;}
  .textSection {padding: 40px 10%;}
  .productTitleContainer {  align-items: baseline;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}