* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Blinker', sans-serif;
	font-size: 18px;
	color: white;
	min-height: 100%;
	background-color: #cc0000;		
}

img{
	width: 100%;	
	height: auto;
}

.mds_l {
	width: 12%;
	margin-left: 44%;
	margin-right: 44%;
	margin-top: 2%;
}

.mds_t1 {
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.mds_t2 {
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	font-weight: bold;
	text-align: center;
}

.mds_k {
	width: 30%;
	margin-left: 35%;
	margin-right: 35%;
	font-weight: bold;
	text-align: center;
}

.hr_line {
	width: 30%;
	margin-left: 35%;
	margin-right: 35%;
	border: 1px dashed red;
}

.mds_u_t {
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.mds_u_d {
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #00ccff;
}


/*---------------------------------------------------------------*/

@media screen and (max-width: 1450px) {

.mds_l {
	width: 18%;
	margin-left: 41%;
	margin-right: 41%;
}

.hr_line {
	width: 36%;
	margin-left: 32%;
	margin-right: 32%;
	border: 1px dashed red;
}

}

/*---------------------------------------------------------------*/

@media screen and (max-width: 900px) {

.mds_l {
	width: 28%;
	margin-left: 36%;
	margin-right: 36%;
}


.mds_t1 {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

.mds_t2 {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

.mds_k {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}


.mds_u_t {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

.mds_u_d {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

.hr_line {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	border: 1px dashed red;
}

}

/*---------------------------------------------------------------*/

@media screen and (max-width: 600px) {

.mds_l {
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
}


.mds_t1 {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.mds_t2 {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.mds_k {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}


.mds_u_t {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.mds_u_d {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.hr_line {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	border: 1px dashed red;
}

}

/*---------------------------------------------------------------*/

@media screen and (max-width: 400px) {

.mds_l {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}


.mds_t1 {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

.mds_t2 {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

.mds_k {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

.mds_u_t {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

.mds_u_d {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

.hr_line {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	border: 1px dashed red;
}

}