a {
    color: #d60303;
    text-decoration: underline;
    transition: color .2s;
}

h1, h2 {
	color: #d60303;
}

h2 + h3 {
	padding-bottom: 15px;
	padding-top: 10px;
}

h3 a {
	color: #fff;
	background-color: #d60303;
	padding: 5px 10px;
	font-weight: 300;
	text-decoration: none;
}
	h3 a:hover {
		color: #fff;
		background-color: #a10000;
	}

.main-contents {
	background: #fff;
}

/*Hide stuff on mobiles*/
@media (max-width: 768px) {.hidden-sm {display: none;}}

/*Fix the banner*/

.featurestory.img-load-done .mainvisual {
	margin: 0 !important;
}
[data-script-enabled=true] .featurestory{height: 400px;}

@media screen and (max-width:980px) {
	.featurestory.img-load-done .mainvisual img {
		height: auto;
	}
}

@media screen and (max-width:1280px) {
	p.mainvisual {
		width:100vw;
		   height: auto;
		text-align: center;
	}
	.featurestory.img-load-done .mainvisual img {
		position: relative;
		max-width:100%;
		   height:auto;
		   max-height:100%;
		margin-right: auto;
		margin-left: auto;
	
	}
	[data-script-enabled=true] .featurestory{height: auto;}
}
@media screen and (max-width: 480px) {
	
.featurestory.img-load-done .mainvisual img {
    position: static;
}
}

/*Fix responsive width*/
@media only screen and (max-width: 1280px) and (min-width: 769px){
	body {
	    width: 100% !important;
	}
}
@media only screen and (max-width: 768px) and (min-width: 481px){
	body {
	    width: 100% !important;
	}
}

/*Remove news feed on small screens*/
@media screen and (max-width:768px) {
	#fw-iframe1477107184 {
		display: none;
	}
}

/*simple 2 column layout inside section-inner*/
.col1 {width: 50%;float: left;padding: 15px 15px 15px 30px;}
	.col2 {width: 50%;float: right;padding: 15px 30px 15px 15px;}
	.section-inner:after {
	    content: "";
	    display: table;
	    clear: both;
	}
	@media screen and (max-width: 992px) {
		.col1 {width: 100%;float: none;padding: 15px 15px 15px 15px;}
	.col2 {width: 100%;float: none;padding: 0px 15px 15px 15px;}
	}

/*Simple columns*/
.col_30 {
	width: 40%;
	float: right; clear: right;
	padding-left: 50px;
}
.col_70 {
	width: 60%;
	float: left;
}
@media screen and (max-width: 992px) {
	.col_30 {
		width: 100%;
	}
	.col_70 {
		width: 100%;
	}
}

/*Responsive video*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#video-custom {
	margin-bottom: 60px;
}
#video-custom h1, #video-custom h2, #video-custom h3 {
	color: #fff;
	padding-bottom: 12px;
}
#news-ticker {margin-top: 15px;margin-left: 10px;margin-right: 10px;
}

.newsfeed-outer iframe {
	width: 100% !important;
}
@media screen and (max-width: 992px) {
	.newsfeed-outer {
		display: none;
	}
}

/*FAQ accordion panels*/
/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

/* add open and close icons to each bar */
button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/*make a button class that you can add to any link to turn it into a big red button*/