@media screen and (min-width: 1201px) {
  .notes {
	width:100%;
	height:1280px;
	
	
}

.notes1 {
	width:100%;
	height:790px;
	
}

.notes2 {
	width:100%;
	height:1000px;
	
}

.notes3 {
	width:100%;
	height:100%;
	
}


  }



@media screen and (max-width: 1200px) {
  .notes {
	width:100%;
	height:790px;
	
	
}

.notes1 {
	width:100%;
	height:600px;
	
}

.notes2 {
	width:100%;
	height:690px;
	
}

.notes3 {
	width:100%;
	height:100%;
	
}
  }



@media screen and (max-width: 500px) {
  .notes {
	width:100%;
	height:390px;

}

.notes1 {
	width:100%;
	height:280px;
	
}

.notes2 {
	width:100%;
	height:310px;
	
}
.notes3 {
	width:100%;
	height:100%;
	
}
  }