body { font-family: 'Noto Sans HK', sans-serif; }

hr { border: none; color: #898989;  background-color: #898989; height: 3px; }

a { outline: none; text-decoration: none; color: #f8f9fa; }

a:hover { outline: none; text-decoration: none; color: #f8f9fa; }

.services a > i {  transform: scale(1.0); transition: transform 0.25s linear; }

.services a:hover > i { transform: scale(1.5); }

img { max-width: 100%; height: auto; }

button { border: none; background: none; }

ul { list-style-type: none; }

.row1 { height: 1000px; }

.row2 { height: 400px; }

.abouttitle { padding-top: 275px; }

.headertypesmall { font-size: 50px; margin-bottom: 0px; }

.headertypelarge { color: #f26522; font-size: 100px; line-height: 1; margin-bottom: 10px; }

.headertitle { padding-top: 50px; }

.formtitle { font-size: 30px; line-height: 1.25; margin-bottom: 20px; color: #f26522; }

.titlebox { padding-left: 200px; padding-top: 200px; text-shadow: 3px 3px 5px #514856; }

.contactform { margin-top: 100px; margin-bottom: 100px; }

.formheader { font-size: 50px; line-height: 1.25; margin-bottom: 30px; }

.formsubhead { font-size: 30px; line-height: 1.25; margin-bottom: 30px; }

.formtext { font-size: 20px; line-height: 1.75; margin-bottom: 30px; }

.balletbox { margin-left: 200px; padding-top: 325px; }

.ballettype { font-size: 50px; }

.balletsmalltype { margin-left: 200px; padding-top: 100px; padding-bottom: 100px; width: 600px; text-shadow: 3px 3px 5px #514856; }

.balletsmalltype p { font-size: 20px; line-height: 1.75; }

.studybox { margin-top: 100px; margin-bottom: 100px; }

.studyheader { font-size: 40px; line-height: 1.25; margin-bottom: 0px; color: #f26522; }

.studysubheader { font-size: 30px; line-height: 1.25; margin-bottom: 30px; }

.studytext { font-size: 20px; line-height: 1.75; margin-bottom: 30px; }

.studycallout { font-size: 40px; }

.studysmallcallout { font-size: 24px; line-height: 1.5; }

.filler1 { background-color: rgba(81,72,86,0.85); height: 600px;  }

.orchestrabox { margin-left: 200px; padding-top: 150px; width: 700px; padding-bottom: 50px; }

.orchestrasmallheader { font-size: 50px; line-height: 1.25; margin-bottom: 0px; }

.orchestralargeheader { color: #f26522; font-size: 100px; line-height: 1.25; margin-bottom: 10px; }

.orchestratext { font-size: 20px; line-height: 1.75; margin-bottom: 50px; }

.orchestralist { padding-right: 150px; padding-left: 50px; font-size: 20px; }

.background1 { background-image: url('https://moneyforthearts.com/wp-content/uploads/2020/06/dancers1.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; }

.background2 { background-image: url('https://moneyforthearts.com/wp-content/uploads/2020/06/painter1.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; }

.background3 { background-image: url('https://moneyforthearts.com/wp-content/uploads/2020/06/piano1.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; }

.background4 { background-image: url('https://moneyforthearts.com/wp-content/uploads/2020/06/orchestra1.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; }

.background5 { background-image: url('https://moneyforthearts.com/wp-content/uploads/2020/06/crowdpic.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; }

.back { z-index: -99; }

.logo-graphic { width: 250px; }

.logo-graphic2 { width: 300px; margin-top: 150px; }

.section-boxes { background-color: #003974; }

.row-flex { display: flex; flex-wrap: wrap; }

.services-button a { background-color: #c0252c; padding: 15px; border-radius: 5px; }

.side-button { background-color: lightgray; border-radius: 5px; width: 100%; padding-top: 10px; padding-bottom: 10px; }

.side-button a { color: #343a40; font-size: 18px; }

.side-button-red { background-color: #c0252c; border-radius: 5px; width: 100%; padding-top: 10px; padding-bottom: 10px; }

.side-button-red a { color: white; font-size: 18px;  }

.side-button-blue { background-color: #003974; border-radius: 5px; width: 100%; padding-top: 10px; padding-bottom: 10px; }

.side-button-blue a { color: white; font-size: 18px;  }

.readmorerollover a { background-color: #c0252c; color: #f8f9fa; border-radius: 5px; }

.internallink a { color: #c0252c; }

.internallink a:hover { color: #1b98e0; }

.readmorerollover a:hover { background-color: #1b98e0; cursor: pointer; text-decoration: none; }

.title-text a { color: #343a40; }

.title-text a:hover { color: #868e96; }

.contribute-button a { padding: 5px 15px; background-color: #c0252c; border-radius: 5px; letter-spacing: 2px; font-size: 24px; }

.contribute-button { margin-top: 8px; }

.header-element a { background-color: #c0252c; padding: 15px; border-radius: 5px; font-size: 36px; }

.post-title a { color: #343a40; }

.post-title a:hover { color: #898989; }

.page-title h1 { font-size: 60px; }

.with_frm_style input { height:50px !important; } 


  
@media (max-width: 1400px) { 

.row1 { height: 700px; }

.row2 { height: 400px; }

.headertypesmall { font-size: 36px; margin-bottom: 0px; }

.headertypelarge { color: #f26522; font-size: 72px; line-height: 1; margin-bottom: 10px; }
	
.titlebox { padding-left: 100px; padding-top: 150px; text-shadow: 3px 3px 5px #514856; }
	
.balletbox { margin-left: 100px; padding-top: 225px; }
	
.ballettype { font-size: 36px; }
	
.balletsmalltype { margin-left: 100px; padding-top: 100px; padding-bottom: 100px; width: 600px; text-shadow: 3px 3px 5px #514856; }

.filler1 { background-color: rgba(81,72,86,0.85); height: 600px;  }
	
.logo-graphic2 { width: 200px; margin-top: 65px; }
	
.orchestrabox { margin-left: 100px; padding-top: 150px; width: 600px; padding-bottom: 50px; }
	
.formtitle { font-size: 16px; line-height: 1; margin-bottom: 10px; color: #f26522; }

}

@media (max-width: 1200px) { 
	
.row1 { height: 700px; }

.row2 { height: 400px; }

.headertypesmall { font-size: 36px; margin-bottom: 0px; }

.headertypelarge { color: #f26522; font-size: 72px; line-height: 1; margin-bottom: 10px; }
	
.titlebox { padding-left: 100px; padding-top: 150px; text-shadow: 3px 3px 5px #514856; }
	
.balletbox { margin-left: 100px; padding-top: 225px; }
	
.ballettype { font-size: 36px; }
	
.balletsmalltype { margin-left: 100px; padding-top: 100px; padding-bottom: 100px; width: 600px; text-shadow: 3px 3px 5px #514856; }

.filler1 { background-color: rgba(81,72,86,0.85); height: 600px;  }
	
.logo-graphic2 { width: 200px; margin-top: 65px; }
	
.orchestrabox { margin-left: 100px; padding-top: 150px; width: 600px; padding-bottom: 50px; }

}
  
@media (max-width: 992px) { 

 }

@media (max-width: 768px) {
	
     }
     
@media (max-width: 500px) {
	
.row1 { height: 375px; }

.row2 { height: 400px; }
	
.abouttitle { padding-top: 225px; }

.headertypesmall { font-size: 25px; margin-bottom: 0px; }

.headertypelarge { color: #f26522; font-size: 50px; line-height: 1; margin-bottom: 10px; }
	
.titlebox { padding-left: 50px; padding-top: 125px; text-shadow: 3px 3px 5px #514856; }
	
.balletbox { margin-left: 25px; padding-top: 25px; }
	
.ballettype { font-size: 24px; text-shadow: 3px 3px 5px #514856; }
	
.balletsmalltype { margin-left: 25px; padding-top: 25px; padding-bottom: 25px; width: 80%; text-shadow: 3px 3px 5px #514856; }

.filler1 { background-color: rgba(81,72,86,0.85); height: 600px;  }
	
.logo-graphic2 { width: 125px; margin-top: 0px; }
	
.orchestrabox { margin-left: 25px; padding-top: 50px; width: 90%; padding-bottom: 25px; }
	
.orchestrasmallheader { font-size: 25px; line-height: 1.25; margin-bottom: 0px; }

.orchestralargeheader { color: #f26522; font-size: 50px; line-height: 1.25; margin-bottom: 10px; }

.orchestratext { font-size: 20px; line-height: 1.25; margin-bottom: 20px; }
	
.orchestralist { padding-right: 0px; padding-left: 0px; font-size: 16px; }
	
.balletsmalltype p { font-size: 20px; line-height: 1.25; }
	
.studybox { margin-top: 25px; margin-bottom: 25px; }
	
.studyheader { font-size: 26px; line-height: 1.25; margin-bottom: 0px; color: #f26522; }

.studysubheader { font-size: 20px; line-height: 1.25; margin-bottom: 20px; }
	
.studytext { font-size: 20px; line-height: 1.25; margin-bottom: 10px; }
	
.studycallout { font-size: 30px; }
	
.studysmallcallout { font-size: 20px; line-height: 1.25; }
	
.contactform { margin-top: 25px; margin-bottom: 25px; }
	
.formheader { font-size: 30px; line-height: 1.25; margin-bottom: 10px; }
	
.formsubhead { font-size: 24px; line-height: 1.25; margin-bottom: 10px; }
	
.formtext { font-size: 20px; line-height: 1.25; margin-bottom: 10px; }
		
     }