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

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default .navbar-nav>li>a {
	  padding-top: 24px;
	  font-size: 14px;
	}
	.carousel-caption h1 {
		margin-bottom: 30px;
	}
	#topics .col-sm-4 {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	#topics .thumbnail {
		height: 475px;
		overflow-y: auto;
	}
	#topics .caption {
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 14px;
	}
	#topics h3 {
		font-size: 26px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#topics p {
		text-align: center;
	}
	#topics .caption {
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.parallax-caption {
		padding-top: 60%;
		padding-bottom: 40%;
	}
	.parallax-caption h2 {
		font-size: 50px;
	}
}

/* xs */
@media (max-width: 767px) {
	.carousel-caption {
		margin-right: -20px;
		margin-left: -20px;
	}
	.carousel-caption h1 {
		font-size: 20px;
		margin-bottom: -20px;
		color: #000;
	}
	.carousel-caption img {
		max-width: 150px;
	}
	#callToAction1 {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	#callToAction1 h2 {
		margin-top: 0px;
		font-size: 14px;
	}
	#topics .thumbnail {
		height: 425px;
		overflow-y: auto;
	}
	#topics h3 {
		font-size: 26px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#topics p {
		text-align: center;
	}
	#topics .caption {
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
	}
	.parallax-caption {
		padding-top: 90%;
		padding-bottom: 10%;
	}
	.parallax-caption h2 {
		font-size: 30px;
	}
	#callToAction2 h1 {
		font-size: 20px;
	}
	#content {
		padding-top: 15px;
		padding-bottom: 60px;
	}
}

/* xs portrait */
@media (max-width: 479px) {

}