/*-------------------------------------------------------------- helpers */
.ctr {
    text-align: center;
}
.muted {
    color: #7f888f;
}

/*--------------------------------------------------------------  Aaron's override and custom styles */
header.main h1 small {
    display: block;
    font-size: 1.25rem;
    font-weight: 300;
    font-family: Roboto, sans-serif;
}

/*-------------------------------------------------------------- Images */
img.responsive {
    max-width: 100%;
    height: auto;
  }
  .image img {
    filter: alpha(opacity=80); 
    opacity: 0.8;
}
.gray-wash {
  filter: gray;
  filter: grayscale(1);
  filter: alpha(opacity=70);
  opacity: 0.7;
}
/* Disable grayscale on hover */
.gray-wash:hover {
    filter: none;
    filter: alpha(opacity=100);
    opacity: 1;
  }

/*-------------------------------------------------------------- Home Styles */
#banner .hero {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}  

/*-------------------------------------------------------------- PPC Landing Pages */
.highlight-temp {
    background-color: #F7FF34;
}
#banner span.image {
    position: relative;

}

/*-------------------------------------------------------------- XXX small 375px width */
@media screen and (max-width: 380px) {
    #main > .inner {
        padding: 0 1em 0.1em 1em;
    }

}
/*-------------------------------------------------------------- Responsive Behavioral tuning */

/* xsmall */
@media screen and (max-width: 480px) { 
   #header a.logo {
       justify-content: center;
    }
    #header a.logo span {
        display: block;
     }
    #header h2.number {
        text-align: center;
        margin-top: .5em;
     }


}