﻿#programlogo img {
  width: 25%;
  margin: 15px 0; }

.program-wrapper {
  width: 33%;
  margin: 0 auto;
  display: inline-block;
  padding-top: 22%;
  position: relative; }

.block-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 20, 0.25); }

.block-overlay-text-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.block-overlay-text {
  color: white;
  font-family: 'MillerText-Roman';
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: linear-gradient(transparent, rgba(20, 20, 20, 0.9));
  padding-top: 50px; }

.block-link-tagline {
  font-size: 2.15vw;
  line-height: 2.15vw !important;
  text-transform: uppercase; }

.block-link-click {
  margin: 20% 0 10%;
  font-size: 12pt;
  font-weight: bold; }
  .block-link-click a {
    padding: 15px 25px;
    border: 1px solid;
    color: white; }

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .block-link-tagline {
    font-size: 2.5vw;
    line-height: 2.5vw !important;
    text-transform: uppercase; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .block-link-click {
    font-size: 9.5pt; } }

@media only screen and (max-width: 1200px) {
  .program-wrapper {
    width: 49.65%;
    padding-top: 30%; } }

@media only screen and (max-width: 767px) {
  .program-wrapper {
    width: 100%;
    padding-top: 65%; }
  .block-link-tagline {
    font-size: 4.5vw;
    line-height: 4.5vw !important;
    text-transform: uppercase; }
  .block-link-click {
    margin: 20% 0 10%;
    font-size: 12pt; }
  #programlogo img {
    width: 50%; } }
