/*Small screens*/
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	.carousel-caption{
		padding: 10px;
	}
	.carousel-title{
		font-size: 1.2em;
	}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*Medium screens*/
@media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */

@media only screen and (max-width: 25em) {
	/*#carousel-nnmesso-generic,*/
	.carousel-caption,
	#sidebar{
		display: none;
	}
	.site-main{
		padding: 0 15px;
	}
	.site-header h1.site-title{
		font-size: 2.5em;
	}

}
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*Large screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/*XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */
@media screen and (max-width: 400px) {
	@-webkit-viewport{
	    width: device-width;
	}
	@-moz-viewport{
	    width: device-width;
	}
	@-ms-viewport{
	    width: device-width;
	}
	@-o-viewport{
	    width: device-width;
	}
	@viewport{
	    width: device-width;
	}
}