.sort1, .sort { 
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

#contentsub{
	height: 92%;
	padding: 3px;}

#s1,#s2,#s3,#s4 {
	height: 100%;
	float: left;
	border-radius: 10px;
	}
#s1 {width: 13%;height:100%;}
#s2 {width: 21%;height:100%;}
#s3 {width: 21%;height:100%;}
#s4 {width: 44.9%;height:100%;}


.sort, .sort1 {
height:7.1%;
width:100%;
  border: 1px solid #333;
 
  color: black; 
  margin: 1px;
  padding: 1px;
   display: table; 
}

.sorta , .sortb, .sortc {
 background-color: #ffdc77;
cursor: pointer;
}



p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}

.sort1 {
	line-height: 2em;
	}

#sort {
	background-color: #63AFD0;
}

#echo3 {
	background-color:#FF9A00;
}

#echo2 {
	background-color: #ffde47;
}

#echo4 {
	background-color: #FF6347;
}

#container1{font-size:1.2rem; font-weight: bold ;height: 99.5%}
#container2{background-color: #FFFCA5; font-size:1.1rem;height: 99.5%}
#container3{background-color:#FF9A00; font-size:1.1rem;height: 99.5%}
#container4{background-color: #FF6347; font-size:1.1rem;height: 99.5%}

.neu{
cursor:pointer;
}

@media (max-device-height : 768px) and (max-device-width : 1024px) {																									
#container1{background-color: #63AFD0;font-size:0.7rem;height: 98%}
#container2{background-color: #ffde47; font-size:0.7rem;height: 98%}
#container3{background-color:#FF9A00; font-size:0.7rem;height: 98%}
#container4{background-color: #FF6347; font-size:0.7rem;height: 98%}
}