/****** Overall Panels ********/
.panel {
    box-shadow: none;
}

.tarriff-panels {
    position: relative;
    overflow: hidden;
    font-family: 'Open Sans', serif;
}

.tarriff-panels .panel {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    padding: 50px 0;
   
}


h2 {
    font-weight: 400;
    font-size: 48px;
    font-family: 'Roboto Slab' , serif;
}


/****** Panel 1 ********/
.panel1 {
	text-align: center;
	background: #009cde url("https://media.smeal.psu.edu/cms/opal/www/home-tarriff-center/panels/images/panel1_bg.jpg") no-repeat 100% 0%;
	background-size: cover;
	padding: 50px 0!important;
	color: #fff;
}
.panel1 h2 {
	font-size: 48px;
	color: #001e44;
	padding-bottom: 20px;
	margin-top: 0px;
}
.panel1 p {
	font-size: 25px;
	font-weight: 500;
	padding-bottom: 30px;
}
	
.panel1 .btn-lg {
	background: #fff none repeat scroll 0 0;
    color: #001e44;
    border:none;
    font-size: 22px;
    text-shadow:none;
    width:320px;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:20px;
}
.panel1 .btn-lg:hover, .panel1 .btn-lg:active, .panel1 .btn-lg:focus {
    background: #001e44 none repeat scroll 0 0;
    color: #fff;
}

/****** Panel 2 ********/
.panel2 {
    text-align: center;
	background: #fff url("https://media.smeal.psu.edu/cms/opal/www/home-tarriff-center/panels/images/panel2_bg.jpg") no-repeat 100% 0%;;
	background-size: cover;
	color:#001e44;
}

.panel2 h2 {
    font-size: 48px;
    padding-bottom:30px;
}

.panel2 h3 {
	font-size:25px;
	font-weight:300;
	color:#001e44;
}


/****** Panel 3 ********/
.panel3 {
    text-align: center;
    background: #001e44 url("https://media.smeal.psu.edu/cms/opal/www/home-tarriff-center/panels/images/panel3_bg.jpg") no-repeat scroll left;
	color:#fff;
	background-size:cover;
   
}
.panel3 h2 {
	color:#fff;
}
	
	
.panel3 .btn-lg {
    background: #009cde;
	border: none;
	color: #fff;
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 30px;
	width:350px;
	padding: 25px 0px;
}
.panel3 .btn-lg:hover, .panel3 .btn-lg:active, .panel3 .btn-lg:focus {
    background: #fff none repeat scroll 0 0;
    color: #009cde;
}


/****** Media Queries ********/


@media (max-width: 1600px) {
    
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1400px) {
    
}

@media (max-width: 1300px) {

}

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

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

@media (max-width: 991px) {
.panel3 .btn-wrapper {
	text-align: center;
}
}


@media (max-width: 767px) {


}

@media (max-width: 670px) {

}
    


@media (max-width: 566px) {
	.panel3 .btn-lg {
		width:100%;
	}

}
@media (max-width: 480px) {

    h2 {
        font-size: 35px !important;
    }

    h3 {
        font-size: 25px !important;
    }

    p {
        font-size: 20px !important;
    }
    .panel7 h1 {
	    font-size:25px!important;
    }

}

@media (max-width: 320px) {

}