@charset "UTF-8";
/* CSS Document */

/* This controls the Media block on the page */

/* This controls the media block for full width browsers */
@media (min-width:1120px) {
  	/* Controls the height, makes the text center, adds a margin at the top for copy, and controls the background size of the image */
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      margin-top: 20px;
      background-size: 100%;
      background-repeat: no-repeat;
	}
  	/* Controls the heading */
	.mediablockhero h4 {
 	 padding-top:7%;
     font-size:2.0em;
     line-height:1.0em;
	}
  	/* Controls the subhead */
    .mediablockhero h3 {
 	 padding-top:3%;
     font-size:1.7em;
    }
  	/* Controls the links */
  	.mediablockhero a {
      padding-top:10px;
    }
  	/* if there is a subcaption */
  	.subcaption {
      font-size:24px;
    }
}
 /* This controls the mediablock at tablet size */
 @media (min-width:667px) {
	.mediablockhero {
 	 height: 340px; 
 	 text-align:center;
      background-size: 110%;
      background-repeat: no-repeat;
	}
	.mediablockhero h4 {
 	 padding-top:0%;
     font-size:48px;
	}
   
    .mediablockhero h3 {
 	 padding-top:4%;
     font-size:1.7em;
    }
   .contentmobile {
  height: 420px;
}
  	.subcaption {
      font-size:24px;
    }
}
/* CSS for catching an in-between size */
@media (max-width:667px) {
	.mediablockhero {
 	 height: 340px; 
 	 text-align:center;
      background-size: 130%;
      background-repeat: no-repeat;
	}
	.mediablockhero h4 {
 	 padding-top:2%;
     font-size:1.7em;
    }
  
  	.mediablockhero h3 {
 	 padding-top:6%;
     font-size:1.2em;
    }
  
  .contentmobile {
  height: 350px;
}
  .subcaption {
      font-size:18px;
    }
}
 /* This controls the mediablock at mobile size */
@media (max-width:560px) {
	.mediablockhero {
 	 height: 360px; 
 	 text-align:center;
      background-size: 200%;
      background-repeat: no-repeat;
	}
	.mediablockhero h4 {
 	 padding-top:1%;
     font-size:1.4em;
    }
  .contentmobile {
  height: 275px;
}
  .subcaption {
      font-size:10px;
    }
}

/* CSS for a button */
 /*
.button5 {
    color: #fdda01;
    border: 2px solid #fdda01;
    background: 0 0;
    margin-top: 5px;
}
*/