html {
  		scroll-behavior: smooth;
	}



body{
		background-color:white;
		margin: 0px;
		color:black;
}

h1 h2 h3 h4 h5 h6{
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
	margin: 0px;
}

@media (min-width: 1200px){
.all{
	display: table;
	margin: 0 auto;
	width: 100%;
	height: auto;
	
}

.section{
	display: table;
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding-top: 25px;
	
}

.left{
	float: left;
	width: 66%;
	
}

.content-box{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-head{
	width: 100%;
	float: left;
	padding: 0px;
	margin:0px;
	border-bottom: 3px solid black;

}

.content-head h2{
	display: inline-block;
	background-color: black;
	color: white;
	font-size: 16px;
	padding:10px;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 10px;
	margin: 0px;
	font-weight: 500;
}


.content{
	float: left;
	width: 100%;
	border-top: 2px solid #eeeeee;
	margin-top: 20px;
}

.content:hover{
	background-color: #f6f6f7;
}

.image-div{
	float: left;
	width: 30%;
}

.img-inner{
	width: 80%;
	height: 200px;
	background-position: center;
	background-size: cover;
}

.content-div{
	float: left;
	width: 70%;
	position: relative;
	color: black;
}



.hang{
	background-color: #e42b00;
	position: absolute;
	right: 0px;
	color: white;
	padding: 5px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.content-div h2{
	display: inline-block;
	font-size: 22px;
	padding-top: 8px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.small-inner{
font-size: 15px; 
display: inline-block;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
}


.foot-direct{
	float: left;
	width: 100%;
	padding:5px;
}

.foot-direct button{
	color: black;
	padding:8px;
	padding-right:40px;
	padding-left: 40px;
	background-color: white;
	border-radius: 10px;
	border:2px solid;
	border-image-slice: 1;
  	border-image-source: linear-gradient(to left, #31047b, #b12100);
  	font-family: 'Open Sans', sans-serif;

}


.promote{
	margin-bottom: 20px;
	float: left;
	width: 100%;
	padding: 20px;
	background-image: linear-gradient(to left, #31047b, #b12100);
	color: white;
	margin-top: 20px;

}

.promote-write{
	float: left;
	width: 70%;
}

.promote-write h2{
	display: inline-block;
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
	font-weight: 600;
}

.promote-write h3{
	display: inline-block;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
}

.promote-btn{
	float: left;
	width: 30%;
}

.promote-btn button{
	display: inline-block;
	width: 60%;
	padding:9px;
	border: none;
	cursor: pointer;
	background-color: #e42b00;
	color: white;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: 60px;
}
}






@media (min-width: 800px) and (max-width: 1199px) {
.all{
	display: table;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.section{
	display: table;
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding-top: 25px;
}

.left{
	float: left;
	width: 100%;
}

.content-box{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-head{
	width: 100%;
	float: left;
	padding: 0px;
	margin:0px;
	border-bottom: 3px solid black;

}

.content-head h2{
	display: inline-block;
	background-color: black;
	color: white;
	font-size: 16px;
	padding:10px;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 10px;
	margin: 0px;
	font-weight: 500;
}


.content{
	float: left;
	width: 100%;
	border-top: 2px solid #eeeeee;
	margin-top: 20px;
}

.content:hover{
	background-color: #f6f6f7;
}

.image-div{
	float: left;
	width: 30%;
}

.img-inner{
	width: 80%;
	height: 200px;
	background-position: center;
	background-size: cover;
}

.content-div{
	float: left;
	width: 70%;
	position: relative;
	color: black;
}



.hang{
	background-color: #e42b00;
	position: absolute;
	right: 0px;
	color: white;
	padding: 5px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.content-div h2{
	display: inline-block;
	font-size: 22px;
	padding-top: 8px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.small-inner{
font-size: 15px; 
display: inline-block;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
}


.foot-direct{
	float: left;
	width: 100%;
	padding:5px;
}

.foot-direct button{
	color: black;
	padding:8px;
	padding-right:40px;
	padding-left: 40px;
	background-color: white;
	border-radius: 10px;
	border:2px solid;
	border-image-slice: 1;
  	border-image-source: linear-gradient(to left, #31047b, #b12100);
  	font-family: 'Open Sans', sans-serif;

}


.promote{
	float: left;
	width: 100%;
	padding: 20px;
	background-image: linear-gradient(to left, #31047b, #b12100);
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
}

.promote-write{
	float: left;
	width: 70%;
}

.promote-write h2{
	display: inline-block;
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
	font-weight: 600;
}

.promote-write h3{
	display: inline-block;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
}

.promote-btn{
	float: left;
	width: 30%;
}

.promote-btn button{
	display: inline-block;
	width: 60%;
	padding:9px;
	border: none;
	cursor: pointer;
	background-color: #e42b00;
	color: white;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: 60px;
}
}








@media (min-width: 600px) and (max-width: 799px) {
.all{
	display: table;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.section{
	display: table;
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding-top: 25px;
}

.left{
	float: left;
	width: 100%;
}

.content-box{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-head{
	width: 100%;
	float: left;
	padding: 0px;
	margin:0px;
	border-bottom: 3px solid black;

}

.content-head h2{
	display: inline-block;
	background-color: black;
	color: white;
	font-size: 15px;
	padding:10px;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 10px;
	margin: 0px;
	font-weight: 500;
}


.content{
	float: left;
	width: 100%;
	border-top: 2px solid #eeeeee;
	margin-top: 20px;
}

.content:hover{
	background-color: #f6f6f7;
}

.image-div{
	float: left;
	width: 30%;
}

.img-inner{
	width: 80%;
	height: 130px;
	background-position: center;
	background-size: cover;
}

.content-div{
	float: left;
	width: 70%;
	position: relative;
	color: black;
}



.hang{
	background-color: #e42b00;
	position: absolute;
	right: 0px;
	color: white;
	padding: 5px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
}

.content-div h2{
	display: inline-block;
	font-size: 20px;
	padding-top: 8px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.small-inner{
font-size: 13px; 
display: inline-block;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
}

.foot-direct{
	float: left;
	width: 100%;
	padding:5px;
}

.foot-direct button{
	color: black;
	padding:7px;
	padding-right:40px;
	padding-left: 40px;
	background-color: white;
	border-radius: 10px;
	border:2px solid;
	border-image-slice: 1;
  	border-image-source: linear-gradient(to left, #31047b, #b12100);
  	font-family: 'Open Sans', sans-serif;
  	font-size:14px;

}


.promote{
	float: left;
	width: 100%;
	padding: 20px;
	background-image: linear-gradient(to left, #31047b, #b12100);
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
}

.promote-write{
	float: left;
	width: 70%;
}

.promote-write h2{
	display: inline-block;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
	font-weight: 500;
}

.promote-write h3{
	display: inline-block;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
}

.promote-btn{
	float: left;
	width: 30%;
}

.promote-btn button{
	display: inline-block;
	width: 60%;
	padding:9px;
	border: none;
	cursor: pointer;
	background-color: #e42b00;
	color: white;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: 60px;
}
}











@media (min-width: 300px) and (max-width: 599px) {
.all{
	display: table;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.section{
	display: table;
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding-top: 25px;
}

.left{
	float: left;
	width: 100%;
}

.content-box{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-head{
	width: 100%;
	float: left;
	padding: 0px;
	margin:0px;
	border-bottom: 3px solid black;

}

.content-head h2{
	display: inline-block;
	background-color: black;
	color: white;
	font-size: 15px;
	padding:10px;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 10px;
	margin: 0px;
	font-weight: 500;
}


.content{
	float: left;
	width: 100%;
	border-top: 2px solid #eeeeee;
	margin-top: 20px;
}

.content:hover{
	background-color: #f6f6f7;
}

.image-div{
	float: left;
	width: 30%;
}

.img-inner{
	width: 80%;
	height: 90px;
	background-position: center;
	background-size: cover;
}

.content-div{
	float: left;
	width: 70%;
	position: relative;
	color: black;
}



.hang{
	background-color: #e42b00;
	position: absolute;
	right: 0px;
	bottom: -30px;
	color: white;
	padding: 3px;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	display: none;
}

.content-div h2{
	display: inline-block;
	font-size: 19px;
	padding-top: 8px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
}

.small-inner{
font-size: 13px; 
display: inline-block;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
display: none;
}

.foot-direct{
	float: left;
	width: 100%;
	padding:5px;
	margin-top: 10px;
}

.foot-direct button{
	color: black;
	padding:7px;
	padding-right:40px;
	padding-left: 40px;
	background-color: white;
	border-radius: 10px;
	border:2px solid;
	border-image-slice: 1;
  	border-image-source: linear-gradient(to left, #31047b, #b12100);
  	font-family: 'Open Sans', sans-serif;
  	font-size:14px;

}


.promote{
	float: left;
	width: 100%;
	padding: 20px;
	background-image: linear-gradient(to left, #31047b, #b12100);
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
}

.promote-write{
	float: left;
	width: 100%;
}

.promote-write h2{
	display: inline-block;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
	font-weight: 500;
}

.promote-write h3{
	display: inline-block;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
}

.promote-btn{
	float: left;
	width: 100%;
}

.promote-btn button{
	display: inline-block;
	width: 60%;
	padding:9px;
	border: none;
	cursor: pointer;
	background-color: #e42b00;
	color: white;
	font-family: 'Open Sans', sans-serif;
	margin-top: 60px;
}
}










@media (max-width: 299px) {
.all{
	display: table;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.section{
	display: table;
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding-top: 25px;
}

.left{
	float: left;
	width: 100%;
}

.content-box{
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-head{
	width: 100%;
	float: left;
	padding: 0px;
	margin:0px;
	border-bottom: 3px solid black;

}

.content-head h2{
	display: inline-block;
	background-color: black;
	color: white;
	font-size: 14px;
	padding:9px;
	font-family: 'Open Sans', sans-serif;
	border-top-right-radius: 10px;
	margin: 0px;
	font-weight: 500;
}


.content{
	float: left;
	width: 100%;
	border-top: 2px solid #eeeeee;
	margin-top: 20px;
}

.content:hover{
	background-color: #f6f6f7;
}

.image-div{
	float: left;
	width: 30%;
}

.img-inner{
	width: 80%;
	height: 60px;
	background-position: center;
	background-size: cover;
}

.content-div{
	float: left;
	width: 70%;
	position: relative;
	color: black;
}



.hang{
	background-color: #e42b00;
	position: absolute;
	right: 0px;
	bottom: -30px;
	color: white;
	padding: 3px;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
	display: none;
}

.content-div h2{
	display: inline-block;
	font-size: 15px;
	padding-top: 8px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.small-inner{
font-size: 13px; 
display: inline-block;
padding-top: 10px;
font-family: 'Open Sans', sans-serif;
display: none;
}

.foot-direct{
	float: left;
	width: 100%;
	padding:5px;
	margin-top: 10px;
}

.foot-direct button{
	color: black;
	padding:7px;
	padding-right:40px;
	padding-left: 40px;
	background-color: white;
	border-radius: 10px;
	border:2px solid;
	border-image-slice: 1;
  	border-image-source: linear-gradient(to left, #31047b, #b12100);
  	font-family: 'Open Sans', sans-serif;
  	font-size:14px;

}


.promote{
	float: left;
	width: 100%;
	padding: 20px;
	background-image: linear-gradient(to left, #31047b, #b12100);
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
}

.promote-write{
	float: left;
	width: 100%;
}

.promote-write h2{
	display: inline-block;
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
	font-weight: 500;
}

.promote-write h3{
	display: inline-block;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
}

.promote-btn{
	float: left;
	width: 100%;
}

.promote-btn button{
	display: inline-block;
	width: 60%;
	padding:9px;
	border: none;
	cursor: pointer;
	background-color: #e42b00;
	color: white;
	font-family: 'Open Sans', sans-serif;
	margin-top: 10px;
}
}