﻿@media (min-width:1200px){
	
	#content .tray {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    #content .tray-hero {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    
    .tray-cards [class*="col"] {
      padding-left: 30px;
      padding-right: 30px;
    }
    
    .tray-intro-textblock {
        margin-left: -16px;
    }
}

.tray-announcement .announcement .copy {
  max-width: 100%;
}

.tray-section-nav {
  padding: 24px 0;
}

.font-size-32px {
    font-size: 32px;
}

.line-height-36px {
    line-height: 36px;
}

.gray-border-1px {
    border: 1px solid lightgray;
}

.iframe-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.align-bot {
    position: absolute;
    bottom: -35%;
}

.card-content .img-wrap {
    margin-left: 0px;
}

@media screen and (max-width: 767px) {
  .tray-cards [class*="col"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .tray-cards [class*="col"]:first-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .tray-cards [class*="col"]:last-child {
    padding-left: 0px;
    padding-right: 0px;
  }
  
  h1 {
      font-size:5.5rem !important;
      line-height:5.5rem !important;
  }
}

@media only screen and (max-width: 600px) {
  .align-bot {
    position: inherit;
    bottom: inherit;
  }
}