/*CSS brought over from Header Code Type: WYSIWYG*/
.section-wrapper-header {
	height: 350px;
	position: relative;
	max-width: 980px;
	margin: 0 auto;
overflow:hidden;
}
.bkg-header {
	height: 350px;
	background-size: cover;
	background-position: 100%;
	z-index: 1;
}
.header-text-bkg{
position: absolute;
    width: 40%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-color: #ffd300;
display:table;
}
.header-text-overlay {
    color: #000 !important;
    font-family: 'Quantico', sans-serif;
    text-align: left;
    display: table-cell;
vertical-align:middle;
    text-shadow: none;
}

.header-text-overlay h1 {
	font-size: 50px;
	line-height: 50px;
	margin: 20px;
letter-spacing:6px;    
}
.logobox{
border-top:solid 1px black;
border-bottom:solid 1px black;
}
img.saris-logo{
margin-left:20px;
}
img.saris-right, img.saris-left{
margin-left:20px;
}

@media (max-width: 930px) {
.header-text-bkg{
width:50%;
}
}
@media (max-width: 768px) {
.header-text-overlay h1 {
font-size:50px;
line-height:50px;
}
.saris-right{
margin-left:20px;
}
.header-text-bkg{
width:100%;
}
}
@media (max-width: 400px) {
.header-text-overlay h1 {
font-size:30px;
line-height:30px;
}
}