.corner_page_main{
  background:#DC143C;
  float: left;
  width: 100%; /* The width is 20%, by default */
}



.corner_page_left {
  width: 49%; /* The width is 20%, by default */
  height: min-content;
 /* background-color:#990033;*/
  /*padding-top:5px;
  padding-left:5px;*/
  float: left;
  color:#0B3D78;
  text-align: center;
  border-right:thin;
  border-right-color:#CCCCCC;
  border-right-style:solid;
}

.corner_page_left_1{
	float:left;
  	width: 100%; /* The width is 20%, by default */
 	/*background-color:#0033CC;*/
	text-align:center;
	
}

.corner_page_left_2{
	float:left;
  	width: 100%; /* The width is 20%, by default */
 	/*background-color:#993399;*/
	padding-left:0px;
	padding-top:0px;
	color:#FFFFFF;
	text-align:center;
}

.corner_page_left_2 a{
text-decoration:none;
color:#FFFFFF;
}

.corner_page_left_2 a:hover{
color:#D597E1;
}

.corner_page_left_3{
	float:left;
  	width: 100%; /* The width is 20%, by default */
 	/*background-color:#0033CC;*/
	text-align:center;
	
}

.corner_page_left_4{
	float:left;
  	width: 100%; /* The width is 20%, by default */
 	/*background-color:#993399;*/
	text-align:center;
	padding-left:0px;
	padding-top:0px;
	color:#FFFFFF;
}

.corner_page_left_4 a{
text-decoration:none;
color:#FFFFFF;
}

.corner_page_left_4 a:hover{
color:#D597E1;
}

.corner_page_right {
  width: 49%; /* The width is 20%, by default */
  /*background-color:#000000;*/
  float: right;
  /*height: 35vh;*/
  color:#0B3D78;
}

@media screen and (max-width: 400px) {
  /*.corner_page_main, .corner_page_left, .corner_page_left_1, .corner_page_left_2, .corner_page_left_3, .corner_page_left_4, .corner_page_right{
    width: 50%; 
	height:auto;
  text-align:center;
  font-size:2vw;
  color:#0B3D78;
  font-weight:bold;
  border-right:thick;
  overflow:auto;
  }*/
  .corner_page_main, .corner_page_left_1, .corner_page_left_2, .corner_page_left_3, .corner_page_left_4{
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
	height:auto;
  text-align:center;
  font-size:14px;
  color:#0B3D78;
  font-weight:bold;
  border-right:thick;
  /*height: 15vw;*/
  overflow:auto;
  }
  .corner_page_left, .corner_page_right{
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
	height:auto;
  text-align:center;
  font-size:2vw;
  color:#0B3D78;
  font-weight:bold;
  border-right:thick;
  /*height: 15vw;*/
  overflow:auto;
  }
}
