@media screen and (max-width: 320px) {
  /* comes into effect for screens less than or equal to 320 pixels */
  #logo {
  /*    width: 15% ;*/
  height: 20%;}
  
  #maintext {
	font-size:small;
	font-weight:normal;}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
  /* comes into effect for screens between 321 and 480 pixels (inclusive) */
  
    #logo {
      width: 100% ;
  height: 30%;}
  
  #maintext {
	font-size:medium;
	font-weight:normal;}
}
@media screen and (min-width: 481px) {
  /* comes into effect for screens larger than or equal to 481 pixels */
  #logo {
    width: 55% ;
	height: 55%;}
	
	#maintext {
	font-size:xx-large;
	font-weight:bold;}
}