@font-face {
    font-family: 'Mustang1';
    src: url('/mustang_files/fonts/Mustang.otf');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'Mustang2';
    src: url('/mustang_files/fonts/Mustang_W01_Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}

body{
	height: 100%; 
	padding: 0px; 
	margin: 0px; 
	color: #900;
	background-image: url(../images/s01e04b.jpg); 
	background-repeat: no-repeat; 
	background-size: 100% 100vw; 
	background-position: 0px 0px;
	background-attachment: fixed;
	}

.bodybg{
	background-image: url(/mustang_files/images/bg_7dtd.jpg);
	height: 100%;
	width: 100%;
	z-index: -1;
	position: fixed;
	background-size: 100% auto;
	background-repeat: no-repeat;
	}
	
a{ text-decoration: none; color: #900; transition: ease-in-out 0.25s; }
a:hover { color: #F10000; }

a.higha{ color: #F00; font-weight: bold; }
a.higha:hover{ color: #FF373D; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; color: #fff; }

.series_img{width: 80vw; max-width: 1000px;}

.h1title1{ font-size: 14vw; text-align: center; padding: 0px; margin: 0px; font-family: 'Mustang2'; }
.h1title2{ text-align: center; margin: 0px; font-family: 'Mustang1'; padding-bottom: 20px; }
.h1title3{ text-align: center; padding: 0px; margin: 0px; font-family: 'Mustang1'; }

.series_img{width: 80vw; max-width: 890px;}

@media screen and (min-height: 1000px) {
	.imgframe{ padding: 0px; }
	}

.hh1title1{ font-size: 14vw; text-align: center; padding: 0px; margin: 0px; font-family: 'Mustang2'; }
.hh1title2{ text-align: center; margin: 0px; font-family: 'Mustang1'; padding-bottom: 20px; }
.hh1title3{ text-align: center; padding: 0px; margin: 0px; font-family: 'Mustang1'; }

@media screen and (max-width: 1000px) {
	.hh1title1 { font-size: 10vw; }
	.hh1title2, h2{ font-size: 30px; }
	.hh1title3{ font-size: 4vw; }
	}
	
@media screen and (min-width: 1000px) {
	.hh1title1 { font-size: 10vw; }
	.hh1title2, h2{ font-size: 30px; }
	.hh1title3{ font-size: 4vw; }
	}

@media screen and (max-width: 1400px) {
	.hh1title1 { font-size: 11vw; }
	.hh1title2, h2{ font-size: 25px; }
	.hh1title3{ font-size: 4vw; }
	}

@media screen and (min-width: 1400px) {
	.hh1title1 { font-size: 130px; }
	.hh1title2, h2{ font-size: 40px; }
	.hh1title3{ font-size: 56px; }
	}

.videolist{
	vertical-align: top;
	box-sizing: border-box;
	border: 2px solid #900;
	text-align: center;
	border-radius: 12px;
	padding: 45px 10px 45px 10px;
	margin: 10px;
	display: inline-block;
	width: 1070px;
	box-shadow: 0px 0px 8px 1px #900;
	}
	
.videolistbg{
	height:605px;
	background-image: url(/mustang_files/images/bg_7dtd.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	overflow :hidden;
	}
	
.imgframed{
	background-image: url(/mustang_files/images/sixty8mustang.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	height: 100vh;
	width: 60%;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	float: left;
	box-sizing: border-box;
	border: 0px solid #F33;
	}

.video-container {
	position: relative;
	}

.video-container video {
	width: 1035px;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 16px;
	object-fit: 100% 100%;
	z-index: 0;
	}

.video-container .caption {
	z-index: 1;
	position: relative;
	text-align: center;
	color: #dc0000;
	padding-top: 2px;
	}



.hvideolist{
	vertical-align: top;
	box-sizing: border-box;
	border: 2px solid #900;
	text-align: center;
	border-radius: 12px;
	padding: 45px 10px 45px 10px;
	margin: 10px;
	display: inline-block;
	width: 1070px;
	overflow-y: auto;
	box-shadow: 0px 0px 8px 1px #900;
	}

.himgframed{
	background-image: url(/mustang_files/images/sixty8mustang.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	height: 100vh;
	width: 60%;
	text-align: center;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	float: left;
	box-sizing: border-box;
	border: 0px solid #F33;
	}

.hvideo-container {
	position: relative;
	}

.hvideo-container video {
	width: 1035px;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 16px;
	object-fit: 100% 100%;
	z-index: 0;
	}

.hvideo-container .caption {
	z-index: 1;
	position: relative;
	text-align: center;
	padding-top: 2px;
	}

.videolist_m{
	vertical-align: top;
	box-sizing: border-box;
	border: 2px solid #900;
	text-align: center;
	border-radius: 12px;
	padding: 24px 10px 18px 10px;
	margin: 10px;
	display: inline-block;
	width: 90%;
	box-shadow: 0px 0px 8px 1px #900;
	}
	
.videolistbg_m{
	background-image: url(/mustang_files/images/bg_7dtd.jpg);
    background-size: cover;
    background-position: top center;
	background-repeat: no-repeat;
	overflow :hidden;
	}

.video-container_m video {
	width: 90%;
	height: 600px;
	position: absolute;
	top: 0px;
	left: 16px;
	object-fit: 100% 100%;
	z-index: 0;
	}