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


@media (min-width:1120px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      margin-top: 40px;
      margin-bottom: 40px;
      background-size: 100%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:8%;
     font-size:2.4em;
     text-shadow: rgb(0,0,0)2px 2px 4px, rgb(0,0,0)0px 0px 25px; 
	}
  	.mediablockhero a {
      padding-top:10px;
    }
  	.subcaption {
      font-size:24px;
    }
}
 
 @media (min-width:667px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      margin-top: 40px;
      background-size: 100%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:8%;
     font-size:2em;
      text-shadow: rgb(0,0,0)2px 2px 4px, rgb(0,0,0)0px 0px 25px;
	}
  	.subcaption {
      font-size:24px;
    }
}

@media (max-width:667px) {
	.mediablockhero {
 	 height: 200px; 
 	 text-align:center;
      background-size: 170%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:10%;
     font-size:1.9em;
     text-shadow: rgb(0,0,0)2px 2px 4px, rgb(0,0,0)0px 0px 25px;
    }
  .subcaption {
      font-size:18px;
    }
}

@media (max-width:460px) {
	.mediablockhero {
 	 height: 200px; 
 	 text-align:center;
      background-size: 170%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:10%;
     font-size:1.7em;
     text-shadow: rgb(0,0,0)2px 2px 4px, rgb(0,0,0)0px 0px 25px;
    }
  .subcaption {
      font-size:18px;
    }
}