@import url('https://fonts.googleapis.com/css2?family=Asap&display=swap');
.main-div{
	margin-top:5px;
	float: left;
	width:30%;
	height:260px;
	position:relative;
	display:inline;
	text-align:justify;
	overflow:auto;
	padding:15px;border-radius:10px;
	padding-left:20px;
	padding-right:30px;margin:0 10px;
	box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.35);
	font-size:1em;
	font-family: 'Asap', sans-serif;
	
}
.div-left{
	margin-left:65px;
	color:white;
	background-color:#2453EB;
	line-height:25px;font-family: 'Asap', sans-serif;
}
.div-middle{
	color:white;
	background-color:#AAA5A5 !important;
	line-height:25px;font-family: 'Asap', sans-serif;
}

.div-right{
	color:white;
	background-color:#D95B05;
	overflow:hidden;font-family: 'Asap', sans-serif;
	
}


.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
	position:absolute;font-family: 'Asap', sans-serif;
	top:175px;
	
	
}
.button1 a{text-decoration:none;
color:white;}

.button1 {
  background-color:#2453EB; 
  
  border: 2px solid #8B8F8B;
	
}

.button1:hover {
  border: 2px solid #D95B05;
  
}



.button2 {
  background-color: #AAA5A5; 
  color: white; 
  border: 2px solid white;
	
}
.button2 a{text-decoration:none;
color:white;}

.button2:hover {
 border: 2px solid #D95B05;
  color: white;
}

table{
text-align:justyfy;
}
th,td{line-height:40px;
	border-bottom:1px solid #EC4D1A;}


@media screen and (max-width: 1200px) {
	.main-div{
	width:90%;margin-top:10px;margin-bottom:10px;
	display:block;
		text-align:center;
	}
	.div-left,.div-middle{margin-left:5%;
	text-align:center;
	}
	.div-right{margin-left:5%	
	}
	
	
	.div-right table{margin-left: auto; 
		margin-right: auto;}
.button{left:10%;top:60%;}}

@media screen and (max-width: 400px) {
	
	
	 .div-left, .div-middle, .div-right{line-height:22px;text-align:justify-all !important;}}

@media screen and (max-width: 440px) {
	
	
	th,td{line-height:28px;}
	table{margin-left:10% !important;}}



@media screen and (max-width: 540px) {
	.button{left:10%;top:70%;}
}

@media screen and (max-width: 301px) {
	.button{left:10%;top:73%;}
}