body,
html {
  font-size: 10px;
}
@media (max-width: 340px) {
  body,
  html {
    font-size: 20px !important;
  }
}
@media (min-width: 340px) and (max-width: 413px) {
  body,
  html {
    font-size: 20px !important;
  }
}
@media (min-width: 414px) and (max-width: 767px) {
  body,
  html {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) {
  body,
  html {
    font-size: 20px !important;
  }
}
@media (min-width:992px) and (max-width:1280px){
	.yellow{
		font-size: 3rem!important;
		
	}
	.white{
		font-size: 1.5rem!important;
		margin-top: 2.5rem!important;
	}
	.center{
		margin-top: 11.2rem!important;
	}
}
@media (min-width:768px) and (max-width:992px){
	.yellow{
		font-size: 2.5rem!important;
		
	}
	.white{
		font-size: 1rem!important;
		margin-top: 1.6rem!important;
	}
	.center{
		margin-top: 9rem!important;
	}
}
@media (max-width:768px){
	.yellow{
		font-size: 2rem!important;
		
	}
	.white{
		font-size: 1rem!important;
		margin-top: 1.2rem!important;
	}
	.center{
		margin-top: 6rem!important;
	}
}