@media screen, projection, print {
  
  .albertman-breadcrumb ol {
    padding: 0;
  }
  
  .albertman-breadcrumb li {
    font-weight: normal;
  }
  
  #albertman-main p, #albertman-main h3, #albertman-main h4 {
    letter-spacing: 1px;
    line-height: 19px;
  }
  
  #albertman-main .date em {
    line-height: 1.54em;
  }
  
  #albertman-main .normalcase {
    text-transform: none;
    font-size: 13px;
    letter-spacing: 0;
  }
  
  .img-library-sessions {
    background: url(../images/banners/library-sessions.jpg) #000 100% 33% no-repeat !important; 
    background-size: 100% !important;
  }
  .hero {
      padding: 0 0 0;
  }
  #hero-alt #logo {
      display: block;
      width: 1008px;
      margin: 0 auto 0;
  }
  
  .albertman-button {
    background-color: #227b96;
  }
  .albertman-button:hover,
  .albertman-button:focus {
    background-color: #3888a0;
  }
  
  .date strong {
      color: #227b96;
  }
  .date {
      margin-bottom: 15px;
  }
  hr {
    margin: 40px 0;
  }
  
  .upcoming-session h1 {
    clear: none;
    letter-spacing: 0;
    font-size: 33px;
  }
  .upcoming-session h4 {
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 40px;
  }
  .upcoming-session p {
    letter-spacing: 1px;
  }
  
  #sessions-archive .upcoming-session {
    margin-bottom: 50px;
  }
  .association {
    margin-top: 30px;
  }
  .association img {
    width: 80%; 
    display: block; 
    margin: 15px 0;
  }
  #footer {
    background: #fff;
  }
  
}

@media screen and (max-width: 1008px) {
  #hero-alt {
    padding-top: 0;
  } 
  #hero-alt #logo {
      width: 100%;
  }
}

@media screen and (max-width: 767px) {
  
  .upcoming-session h1 {
    font-size: 28px;
    line-height: 25px;
  }
  
  #hero-alt {
    padding-top: 0;
  } 
  #hero-alt #logo {
      width: 100%;
  }
  .img-library-sessions {
    background: #fff !important; 
  }
}