@import 'https://fonts.googleapis.com/css?family=Chelsea+Market|Fredericka+the+Great';
.navbar-brand a:before {
  content: '';
  position: absolute;
  width: 94px;
  height: 47px;
  background: url("../images/logoicon.png");
  top: 0;
  left: 0;
  background-repeat: no-repeat;
}
.navbar-brand a {
  position: relative;
  padding-left: 100px;
  font-size: 3rem;
  font-family: 'Montserrat', 'sans-serif'
}
.chelsea-market-font {
  font-family: 'Chelsea Market', cursive;
}
.fredricka-the-great-font {
  font-family: 'Fredericka the Great', cursive;
}
.grey-background-50 {
  background-color: rgba(0, 0, 0, .5);
}
.margin-top-10 {
  margin-top: 10px;
}
.bg-secondary h4 a:hover {
  color: rgba(255,30,0,1);
}
.bg-secondary .phone a:hover {
  color: rgba(255,30,0,1);
}
/* Carousel Style */
.carousel-font-big {
  font-size: 77px !important;
  text-shadow: 2px 3px 5px black;
}
.carousel-font-small {
  font-size: 40px !important;
  text-shadow: 2px 3px 5px black;
  line-height: .2 !important;
}
.se-habla {
  position: relative;
  top: -12px;
  left: 85px;
  padding-top: 5px;
  margin-right: 85px;
}
/* Header Styles */
.top-row {
  padding-bottom: 0px !important
}
/*Concrete Calculator Style*/
.calculate-button {
  padding: 6px !important;
  box-shadow:none !important;
  border: 1px solid gray !important;
  background-color: #333333 !important;
  color: white !important;
}
.calculate-button:hover {
    color: #333333 !important;
    background-color: white !important;
    border-color: #333333 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12) !important;
  }
input#rectResult {
  font-size: xx-large;
}
input#colResult {
  font-size: xx-large;
}
@media (max-width: 568px) {
    .navbar-brand a {
      font-size: .7em !important;
    }
    .se-habla {
      position: inherit;
      padding-top: 5px;
      padding-bottom: 5px;
      margin-right: 25px;
    }
    .se-habla-notice{
      display: none;
    }
    .navbar-phone {
      left:-20px;
    }
    .carousel-font-big {
      font-size: 60px !important;
    }
    .carousel-font-big.smaller {
      font-size: 40px !important;
    }
    .carousel-font-small {
      font-size: 20px !important;
    }
    .carousel-font-small.smaller {
      font-size: 15px !important;
    }
    .logos {
      max-width: 350px !important;
    }
}
.container {
    -webkit-backface-visibility: hidden !important;
}
.p-t-1 {
  padding-top: 1rem;
}
.m-t-1 {
  margin-top: 1rem;
}
.p-t-half {
  padding-top: .5rem;
}
.p-b-half {
  padding-bottom: .5rem;
}
/* Needed for Animate.css glitch */
.wow{ opacity: 0 !important; }
.caption2 {
  padding: 19px 22px 22px 30px;
  position: relative;
  min-height: 232px;
}
@media screen and (max-width: 800px) {
    .wow{
        animation-name: none !important;
        visibility: visible !important;
        opacity: 1 !important
    }
}
a[href*="maps"] {
  cursor: pointer !important;
}
.ds_heart {
  max-width:15px;
}
.logos.roundbarn {
    max-width: 360px;
}
section.well1.intro-paragraph {
    margin-bottom: 300px;
}

@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px) {
  section.well1.intro-paragraph {
    margin-bottom: -50px;
  }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
  section.well1.intro-paragraph {
    margin-bottom: -100px;
}
@media only screen 
and (min-device-width : 1600px) 
and (max-device-width : 1921px)  { 
  section.well1.intro-paragraph {
    margin-bottom: 10px;
}