.bgimg {
   background-attachment: fixed;
   background-position: top;
   background-repeat: no-repeat; 
   background-size: 100% 100%;
   background-color: #841617;
}
 .bgimg {
   background-image: url("../images/HOOTweb-2.jpg");
}

#video_player {
	display: table;
	line-height: 0;
	font-size: 0;
	background: #000;
}
#video_player video,
	#video_player figcaption {
		display: table-cell;
		vertical-align: top;
}
#video_player figcaption {
	width: 25%;
}
#video_player figcaption a {
	display: block;
	opacity: .5;
	transition: 1s opacity;
}
#video_player figcaption a img,
	figure video {
		width: 100%;
		height: auto;
}
#video_player figcaption a:hover {
	opacity: 1;
}

@media (min-width: 290px) {
	#video_player video,
		#video_player figcaption {
			display: table-row;
		}
#video_player figcaption a {
	display: inline-block;
	width: 33.33%;
}
}

@media only screen and (max-device-width: 767px) {
  .bgimg {
    background-attachment: scroll;
    min-height: 300px;
  }
}
@media only screen and (min-device-width: 768px) {
  .bgimg {
    background-size: contain;
    min-height: 478px;
  }
}
@media only screen and (min-device-width: 1024px) {
   .bgimg {
   background-size: contain;
   min-height: 500px;
  }
}
@media only screen and (min-device-width: 1030px) {
   .bgimg {
   background-size: 100% 100%;
   min-height: 900px;
  }
}
@media only screen and (min-device-width: 2560px) {
   .bgimg {
     min-height: 1300px;
  }
}
@media only screen and (min-device-width: 5000px) {
  .bgimg {
    min-height: 2750px;
  }
}

section.left { /* alignment and width of statewide forecast discussion on discussion page */
	display: inline-block;
	border-right: 2px #990000 solid;
	width: 500px ;
	padding-right: 2px;
}

section.right { /* aliingment and width of local forecast discussion on discussion page */
	 display: inline-block;
	 width: 500px;
	 padding-right: 2px;
}