html,body{@include font-for-body(400);}


/*
 * Headings
 */	
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{@include font-for-header(500);color:$secondary-color;text-transform:uppercase;}
h2{color:$secondary-color;}
h3{color:$primary-color;margin-bottom:1.5rem;}
h4{font-weight:500;color:$primary-color;}

h1 span{font-size:75%;color:$primary-color; }

.button{text-transform:uppercase;}

.panel-gray{
	
	margin-top:0;
	padding:0rem 0 1.5rem 0;
	background-color:rgba($light-gray,0.5);
	
	h2{color:$secondary-color;margin-bottom:0;}
	
	h3{display:inline-block;position:relative;font-size:1.25rem;margin:0 0 0.75rem 0;}
	h3::after{
		
		content: "";
		height: 1.5rem;
		display: block;
		vertical-align: middle;
		width: 50%;
		margin-left: 25%;
		border-top: 1px solid black;
		
	}
	
	img{width:75%;}
	
	.medium-4{
		border-right:solid 1px $light-gray;
		p{margin:1.5rem 0;}
	}
	.medium-4:last-child{border:none;}
	
	@include breakpoint(medium down){
		
		padding-bottom:0;
		h2{margin-bottom:1.5rem;}
		.row-default{
			padding:0;
		}
		
	}
}

.panel-white
{
	padding:0;
	li{display:inline-block;padding:0 0.75rem;border-right:solid 1px rgba($black,0.1);}
	li:last-child{border:none;}
	
	@include breakpoint(medium down){
		li{display:block;}
	}
	
}