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

@media (min-width:1120px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      margin-top: 40px;
      background-size: 130%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:14%;
     font-size:1.8em;
	}
  	.mediablockhero a {
      padding-top:10px;
    }
  	.subcaption {
      font-size:24px;
    }
}
 
 @media (min-width:667px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      margin-top: 40px;
      background-size: 130%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:14%;
     font-size:1.8em;
	}
  	.subcaption {
      font-size:16px;
    }
}

@media (max-width:667px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      background-size: 120%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:23%;
     font-size:1.3em;
    }
  .subcaption {
      font-size:16px;
    }
}

@media (max-width:460px) {
	.mediablockhero {
 	 height: 320px; 
 	 text-align:center;
      background-size: 120%;
      background-repeat: no-repeat;
	}
	.mediablockhero h2 {
 	 padding-top:20%;
     font-size:1.3em;
    }
  .subcaption {
      font-size:12px;
    }
}