body {
    background-color: #3C4246;
  
}

 @font-face {
  font-family: "Nokio";
  src: url('fonts/Nokio/font.woff2') format('woff2'), url('fonts/Nokio/font.woff') format('woff');
}
.Nokio {
    font-family: Nokio;
}
h1 {
    font-size: 1.2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		}
h2 {
			font-size: 1.1rem;
		}
* {
    margin: 0;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -80px; /* the bottom margin is the negative value of the footer's height */
    width: 100%;
	
}
.footer, .push {
    height: 80px; /* .push must be the same height as .footer */
    width: 100%;
}

.sub_header {
    font-family: Nokio;
    font-size: 18px;
    color: #FFF100;
    background-color: #535D64;
    height: 40px;
    padding-left: 30px;
    line-height: 40px;
    width: 100%;
}
.sub_header2 {
    /* [disabled]height: 60px; */
    /* [disabled]line-height: 40px; */
    width: 100%;
    /* [disabled]background-color: #535D64; */
    min-height: 60px;
}


.float_r {
    
    float: right;
  
}

.dbs {
    display: block;
    float: right;
    height: 58px;
    width: 170px;
    /* [disabled]clear: none; */
    position: relative;
    /* [disabled]margin-top: 10px; */
    margin-right: 0px;
    /* [disabled]margin-bottom: 15px; */
    margin-left: 0px;
}


.main2 {
    display: block;
    height: auto;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1500px;
    /* [disabled]min-height: 560px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    /* [disabled]background-color: #E40003; */
}
.article2 {
    display: block;
    float: left;
    /* [disabled]max-width: 60%; */
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    border-radius: 10px;
    background-color: #111;
    position: relative;
    width: 58%;
    min-height: 780PX;
    padding-bottom: 10px;
    margin-right: 15px;
}
.sub_video {
    /* [disabled]background-color: #A11517; */
    width: 38%;
    float: left;
}

.video1 {
    display: block;
    float: left;
    width: 100%;
    /* [disabled]height: 529px; */
    /* [disabled]margin-right: 10px; */
    /* [disabled]margin-left: 5px; */
    margin-bottom: 11px;
}
.video_2 {
    display: block;
    float: left;
    width: 49%;
    /* [disabled]height: 260px; */
    /* [disabled]margin-bottom: 10px; */
    margin-right: 5px;
}
.video_3 {
    display: block;
    float: right;
    width: 49%;
    /* [disabled]height: 260px; */
    margin-top: 10px;
    /* [disabled]margin-left: 5px; */
}

.main3 {
    display: block;
    /* [disabled]height: auto; */
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1500px;
    /* [disabled]padding-left: 15px; */
    /* [disabled]padding-right: 15px; */
    /* [disabled]background-color: #535D64; */
    clear: both;
}


.logo {
    display: block;
    /* [disabled]float: left; */
    /* [disabled]min-width: 320px; */
    /* [disabled]max-width: 1480px; */
    padding-left: auto;
    padding-right: auto;
    margin-top: 10px;
    /* [disabled]padding-bottom: 30px; */
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 932px;
    height: 100px;
    /* [disabled]clear: both; */
}
.logo2 {
    display: block;
    /* [disabled]float: left; */
    /* [disabled]min-width: 320px; */
    /* [disabled]max-width: 1480px; */
    padding-left: auto;
    padding-right: auto;
    margin-top: 10px;
    /* [disabled]padding-bottom: 30px; */
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 932px;
    height: 150px;
    /* [disabled]clear: both; */
}
.mallows2 {
    display: block;
    float: left;
    height: 80px;
    width: 156px;
    /* [disabled]margin-right: 30px; */
}
.workhouse {
    display: block;
    float: left;
    height: 70px;
    width: 112px;
    padding-top: 7px;
}
.crosskeys {
    display: block;
    float: left;
    height: 60px;
    width: 112px;
    padding: 8px;
    margin-bottom: 15px;
    /* [disabled]margin-left: 25px; */
}
.cherwell {
    display: block;
    float: left;
    height: 80px;
    width: 234px;
    /* [disabled]margin-left: 15px; */
}
.northampton {
    display: block;
    height: 78px;
    width: 247px;
    float: left;
    /* [disabled]clear: left; */
    margin-left: 29px;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    font-family: Nokio;
    font-size: 12px;
    background-color: #0F1214;
    text-align: center;
    display: block;
    height: 60px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.img-fluid-1 {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width:991.98px){
	.article2 {
    display: block;
    float: left;
    /* [disabled]max-width: 60%; */
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    border-radius: 10px;
    background-color: #111;
    position: relative;
    width: 100%;
    min-height: 562px;
    padding-bottom: 10px;
    margin-right: 15px;
	margin-bottom: 15px;
}
	
	.sub_video {
    /* [disabled]background-color: #A11517; */
    width: 100%;
    float: left;
}
	.main3 {
    display: block;
    height: 187px;
    width: 538px;
    margin-right: auto;
    margin-left: auto;
    /* [disabled]max-width: 800px; */
    /* [disabled]padding-left: auto; */
    /* [disabled]padding-right: 15px; */
    /* [disabled]background-color: #535D64; */
    clear: both;
}
	.logo {
    display: block;
    /* [disabled]float: left; */
    /* [disabled]min-width: 320px; */
    /* [disabled]max-width: 1480px; */
    padding-left: 0px;
    /* [disabled]padding-right: auto; */
    margin-top: 10px;
    /* [disabled]padding-bottom: 30px; */
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    height: 200px;
    /* [disabled]clear: both; */
}
	.mallows2 {
    display: block;
    float: left;
    height: 80px;
    width: 156px;
    /* [disabled]margin-right: 30px; */
    margin-left: 78px;
}
	.cherwell {
    display: block;
    float: left;
    height: 80px;
    width: 234px;
    /* [disabled]margin-left: 15px; */
    clear: both;
}
.northampton {
    display: block;
    height: 78px;
    width: 247px;
    float: left;
    /* [disabled]clear: left; */
    margin-left: 29px;
}
.img-fluid {
}
.img-fluid-1 {
	 margin-left: auto;
	margin-right: auto;
}
}

@media screen and (max-width:720px){
	.article2 {
    display: block;
    float: left;
    /* [disabled]max-width: 60%; */
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    border-radius: 10px;
    background-color: #111;
    position: relative;
    width: 100%;
    min-height: 562px;
    padding-bottom: 10px;
    margin-right: 15px;
	margin-bottom: 15px;
}
	
	.sub_video {
    /* [disabled]background-color: #A11517; */
    width: 100%;
    float: left;
}
	.main3 {
    display: block;
    height: 345px;
    width: 302px;
    margin-right: auto;
    margin-left: auto;
    /* [disabled]max-width: 800px; */
    /* [disabled]padding-left: auto; */
    /* [disabled]padding-right: 15px; */
    /* [disabled]background-color: #535D64; */
    clear: both;
}
	.logo {
    display: block;
    /* [disabled]float: left; */
    /* [disabled]min-width: 320px; */
    /* [disabled]max-width: 1480px; */
    padding-left: 0px;
    /* [disabled]padding-right: auto; */
    margin-top: 10px;
    /* [disabled]padding-bottom: 30px; */
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    height: 341px;
    /* [disabled]clear: both; */
}
	.mallows2 {
    display: block;
    float: left;
    height: 80px;
    width: 156px;
    /* [disabled]margin-right: 30px; */
    margin-left: 78px;
}
	.workhouse {
    display: block;
    float: left;
    height: 70px;
    width: 112px;
    padding-top: 7px;
    clear: left;
    margin-left: 32px;
}
.crosskeys {
    display: block;
    float: left;
    height: 60px;
    width: 112px;
    padding: 8px;
    margin-bottom: 15px;
    /* [disabled]margin-left: 25px; */
	}
	.cherwell {
    display: block;
    float: left;
    height: 80px;
    width: 234px;
    margin-left: 13px;
    clear: both;
}
.northampton {
    display: block;
    height: 78px;
    width: 247px;
    float: left;
    /* [disabled]clear: left; */
    margin-left: 29px;
}
.img-fluid {
}
.img-fluid-1 {
	 margin-left: auto;
	margin-right: auto;
}

@media screen and ( max-width : 375px ) and (min-width : 370px ){
	
	.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -80px; /* the bottom margin is the negative value of the footer's height */
    width: 375px;
	
}
	.main2 {
    display: block;
    height: auto;
    width: 375px;
    margin-right: auto;
    margin-left: auto;
    max-width: 375px;
    /* [disabled]min-height: 560px; */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    /* [disabled]background-color: #E40003; */
}
	
	.article2 {
    display: block;
    float: left;
    /* [disabled]max-width: 60%; */
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    border-radius: 10px;
    background-color: #111;
    position: relative;
    width: 100%;
    min-height: 562px;
    padding-bottom: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}
	
	.sub_video {
    /* [disabled]background-color: #A11517; */
    width: 100%;
    float: left;
}
	.main3 {
    display: block;
    height: 345px;
    width: 302px;
    margin-right: auto;
    margin-left: auto;
    /* [disabled]max-width: 800px; */
    /* [disabled]padding-left: auto; */
    /* [disabled]padding-right: 15px; */
    /* [disabled]background-color: #535D64; */
    clear: both;
}
	.logo {
    display: block;
    /* [disabled]float: left; */
    /* [disabled]min-width: 320px; */
    /* [disabled]max-width: 1480px; */
    padding-left: 0px;
    /* [disabled]padding-right: auto; */
    margin-top: 10px;
    /* [disabled]padding-bottom: 30px; */
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100%;
    height: 341px;
    /* [disabled]clear: both; */
}
	.mallows2 {
    display: block;
    float: left;
    height: 80px;
    width: 156px;
    /* [disabled]margin-right: 30px; */
    margin-left: 78px;
}
	.workhouse {
    display: block;
    float: left;
    height: 70px;
    width: 112px;
    padding-top: 7px;
    clear: left;
    margin-left: 32px;
}
.crosskeys {
    display: block;
    float: left;
    height: 60px;
    width: 112px;
    padding: 8px;
    margin-bottom: 15px;
    /* [disabled]margin-left: 25px; */
	}
	.cherwell {
    display: block;
    float: left;
    height: 80px;
    width: 234px;
    margin-left: 13px;
    clear: both;
}
.northampton {
    display: block;
    height: 78px;
    width: 247px;
    float: left;
    /* [disabled]clear: left; */
    margin-left: 29px;
}
	.footer, .push {
    height: 80px; /* .push must be the same height as .footer */
    width: 375px;
}
.img-fluid {
}
.img-fluid-1 {
	 margin-left: auto;
	margin-right: auto;
	}