body {
  padding-top: 3rem;
  color: #000;
  background:#f8f3ed;
}

h2,h3{color:#052251;}
h2{font-size:135%;}
h3{font-size:115%;}
h1.page-title{font-size:150%;margin-top:20px;}
.main-content-area h2{color:#052251;font-size:125%;}
nav,footer{background-color:#000;color:#fefefe;}
nav{border-bottom:10px solid #ecc510;text-transform:uppercase;color:#fefefe!important;}
nav a, footer a{color:#fefefe!important;}
nav a:hover, footer a:hover{color:#ecc510!important;}
.nav-item .social {display:inline-block;margin-left:3px;}
.nav-item .social:first-child{margin-left:10px;}
.nav-item .social img{height:25px;}
.nav-link{font-size:90%;}
.main-content-area a, .sidebar a{color:#003384;}
footer {margin-top: 4rem;border-top:10px solid #ecc510;}
footer .container{padding:20px 0;}
hr.gradient {border: 0; height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}
.navbar-brand{text-transform:uppercase;font-family:times;}
/*Carousel*/                 
.carousel {margin-bottom: 20px;}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  top: 20%;
  z-index: 10;
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 250px;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  min-width: 100%;
  height: 250px;
}
.carousel-caption h1, .carousel-caption h2{font-family:Times,serif;text-transform:uppercase;line-height:1}
.carousel-caption h1{font-size:400%;letter-spacing:3px;}
.carousel-caption h2{font-size:170%;color:#fff;}

.homepage-headshot, .aboutpage-headshot{margin:10px 20px;}

.btn-primary{background-color:#000!important;border:none;border-bottom:5px solid #ecc510;color:#fff;}
a.btn-primary{color:#fff;}

/* Footer */

.footer-icons a{display:inline-block;margin-right:20px;}

/*Forms*/
.checkboxes label{margin-bottom:0;}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

@media (min-width: 62em) {

}

@media (max-width: 576px) {
	/*.carousel-caption h1{font-size:200%;letter-spacing:3px;}
	.carousel-caption h2{font-size:115%}*/
  .homepage-headshot{display:none;}
  .aboutpage-headshot{width:40%;height:auto;}
}

@media (min-width: 576px) {
  
}

@media (max-width: 768px) {
  .nav-item .social:first-child{margin-left:0;}
  .carousel{display:none;}
  .main-content-area{font-size:125%;padding-top:25px;}
  .resource-button {margin-bottom:10px;}
  .desktop{display:none;}
  .mobile{display:block;}
}

@media (min-width: 768px) {
  h1.page-title{font-size:200%;margin-top:auto;}
  .navbar-brand{display:none;}
  .desktop{display:block;}
  .mobile{display:none;}
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}