html {
	scroll-behavior: smooth;
}

.logo{
  width: 100px;
}

.main-screen-shot{
  max-width: 700px;
}

.width-720{
  max-width: 720px;
}

.margin-auto {
  margin:auto;
}

.mailchimp-sign-up{
  max-width: 600px;
  margin: auto;
}

.newsletter-text{
  max-width: 600px;
  margin: auto;
}

.bg-blue{
  background-color: #0facf3;
}

.bg-orange {
  background-color: #efa814;
}

.bg-grey{
  background: #f1f1f1;
}

.bg-dark-grey{
  background: #323232;
}

.text-white{
  color:white;
}

.text-center{
  text-align: center;
}

.text-left{
  text-align: left;
}

.clip-art{
  max-height: 75px;
}

.fw-normal{
  font-weight: normal !important;
}

.pa1{
  padding:.5rem;
}

.pa2{
  padding: 20px;
}

@media (max-width: 375px) {
  header{
    padding: 80px 0;
  }
}

.team-2 img {
  max-width: 255px;
  max-height: 255px;
}

.phone-number-img {
  width: 5rem;
  margin-top: -.2rem;
}

.quote-box {
  border-bottom: 1px solid #b5b9bf;
  border-top: 1px solid #b5b9bf;
  padding-bottom: 40px;
  margin-bottom: 80px;
}

.brand-green {
  color: #90c42f;
}

.bg-green {
  background-color: #90c42f;
}

.brand-green-bb {
  border-bottom: 2px solid #90c42f;
}

.blue-bb {
  border-bottom: 2px solid #0facf3;
}

.orange-bb {
  border-bottom: 2px solid #efa814;
}

.white-bb {
  border-bottom: 2px solid white;
}

.py5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.hover-container:hover .hover-overlay {
  opacity: 1;
}

.hover-container:active .hover-overlay {
  opacity: 1;
}

.hover-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .75s ease;
  background-color: #0fabf3ec;
}

hr.solid {
  border-top: 1px solid white;
}

a.against-blue:link, a.against-blue:visited, a.against-blue:hover, a.against-blue:active {
  color: #efa814;
  text-decoration: underline;
}

.att-mobile-content {
  column-count: 1;
}

@media (min-width: 768px) {
  .att-mobile-content {
    column-count: 2;
  }
}