/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@font-face{
	font-family:'admissions';
	src: url('/wp-content/plugins/nh-jumbotron/public/assets/fonts/admissions-font.otf');
	src: url('/wp-content/plugins/nh-jumbotron/public/assets/fonts/admissions-font.woff');
}
 .nh_jumbotron{
	width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
 }
 .nh_jumbotron.img-background {
    background-image: url(/wp-content/plugins/nh-jumbotron/public/assets/images/cherry-blossom-confetti.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 0 10rem 6rem;
 }
 .nh_jumbotron_content {
	padding: 4rem 0 0;
 }
 .nh_jumbotron_content h1, .nh_jumbotron_content h2, .nh_jumbotron_content h3 {
	
	background: #4b2e83;
	color: white;
	font-size: 3rem;
	padding: 15px;
	
 }
 .nh_jumbotron_content .section-p  {
	background: #4b2e83;
	color: white;
	padding: 15px;
 }
 .purple-bg{
	background-color: #4b2e83;
 }
 .gold-bg {
	background-color: #e8e3d3;
 }
 .gray-bg {
	background-color: #d9d9d9;
 }

 @media (max-width: 992px) {
	.nh_jumbotron.img-background {
		padding: 0 2rem 1rem;
	}
 }
 @media (max-width: 767px) {
	.nh_jumbotron.img-background{
		padding: 0 0 1rem;
	}

	.nh_jumbotron_content h1, .nh_jumbotron_content h2, .nh_jumbotron_content h3{
		font-size: 2rem;
	}
 }