@media (max-width: 1380px) {
	.container{
		max-width: 1340px;
	}
	.avatar_rate {
		width: 100%;
		height: 220px;
	}
}
@media (max-width: 1200px) and (max-height: 600px){
	.rate-icon{
		font-size: 6em;
	}
	.avatar_rate{
		height: 165px;
	}
}
@media (max-width: 990px){
	#header{
		height: 70px;
	}
	.rate-icon{
		font-size: 4em;
	}
	.avatar_rate{
		height: 100px;
	}
	.avatar {
		font-size: .6em;
	}
	.school-name{
		font-size: .8em ;
	}
	.content-rate{
		padding-top: 1rem !important;
	}
	.title-rate {
		right: 25%;
		font-size: 17px;
	}
	.good{
		right: 40%;
	}
}
@media (max-width: 760px){
	.content-rate h1{
		font-size: 2em;
	}
	.img-school{
		display: none;
	}
	.avatar_rate{
		height: 60%;
		width: 50%;
	}
	.rate-icon {
		font-size: 4em;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.avatar{
		max-width: 100%;
		flex: 100%;
		text-align: center;
		float: none;
	}
	#body{
		height: auto; 
		overflow: auto;
		padding-bottom: 30px;
	}
	.title-rate{
		position: absolute;
		bottom: -20%;
		right: 2%;
		color: white;
		font-size: 17px;
	}
	.good{
		right: 24%;
	}
	h2{font-size:1.3rem}
	.bluelight{background:none;}
}
@media (max-width: 490px){
	.school-name {
		font-size: .6em;
	}
	.sub-title{
		font-size: .8em;
	}
	.content-rate h1{
		font-size: 1.5em;
	}
	.avatar_rate {
		height: 250px;
		width: 200px;
	}
	.avatar {
		font-size: .8em;
	}
	.title-rate {
		right: -8%;
		font-size: 15px;
	}
	.good{
		right: 16%;
	}
	.rate-icon{
		font-size: 3em;
	}
}
@media (max-width: 450px){
	.title-rate {
		right: -20%;
		font-size: 13px;
	}
	.good{
		right: 9%;
	}
	h2{font-size:1.2rem}
}
@media (max-width: 390px){
	.sub-title {
		font-size: .6em;
	}
	.good{
		right: 9%;
	}
	.avatar_rate {
		height: 200px;
		width: 80%;
	}
	.rate-icon{
		font-size: 2em;
	}
	.title-rate {
		right: 1%;
		bottom: -10px;
		font-size: 10px;
	}
	.good {
		right: 18px;
	}
	#footer{
		font-size: .8em;
	}
	h2{font-size:1.0rem}
}