@charset "UTF-8";

.margin-bottom-05 {
  margin-bottom: 8px;
}

.margin-bottom-1 {
  margin-bottom: 16px;
}

.margin-bottom-1-5 {
  margin-bottom: 24px;
}

.margin-bottom,
.margin-bottom-2 {
  margin-bottom: 32px;
}

.margin-bottom-2-5 {
  margin-bottom: 40px;
}

.margin-bottom-4 {
  margin-bottom: 64px;
}

.margin-bottom-6 {
  margin-bottom: 96px;
}

.margin-top-1 {
  margin-top: 16px;
}

.margin-top-1-5 {
  margin-top: 24px;
}

.margin-top,
.margin-top-2 {
  margin-top: 32px;
}

.margin-top-2-5 {
  margin-top: 40px;
}

.margin-top-4 {
  margin-top: 64px;
}

.margin-top-6 {
  margin-top: 96px;
}

.gray-rounded {
  padding: 24px;
  margin-bottom: 32px;
}

.text-size-05 {
  font-size: 8px;
}

.text-size-075 {
  font-size: 12px;
}

.text-size-085 {
  font-size: 13.6px;
}

.text-size-1 {
  font-size: 16px;
}

.text-size-1-5 {
  font-size: 24px;
}

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

.text-size-3 {
  font-size: 48px;
}

.text-size-4 {
  font-size: 64px;
}

.text-size-5 {
  font-size: 80px;
}

.text-size-6 {
  font-size: 96px;
}

.padding {
  padding: 16px;
}

.padding-1 {
  padding: 16px;
}

.padding-1-5 {
  padding: 24px;
}

.padding-2 {
  padding: 32px;
}

.padding-4 {
  padding: 64px;
}

.padding-top-1 {
  padding-top: 16px;
}

.padding-top-1-5 {
  padding-top: 24px;
}

.padding-top-2 {
  padding-top: 32px;
}

.padding-top-2-5 {
  padding-top: 40px;
}

.padding-top-3 {
  padding-top: 48px;
}

.padding-top-4 {
  padding-top: 64px;
}

.padding-bottom-1 {
  padding-bottom: 16px;
}

.padding-bottom-1-5 {
  padding-bottom: 24px;
}

.padding-bottom-2 {
  padding-bottom: 32px;
}

.padding-bottom-2-5 {
  padding-bottom: 40px;
}

.padding-bottom-3 {
  padding-bottom: 48px;
}

.padding-bottom-4 {
  padding-bottom: 64px;
}

.padding-right-1 {
  padding-right: 16px;
}

.padding-right-1-5 {
  padding-right: 24px;
}

.padding-right-2 {
  padding-right: 32px;
}

.padding-right-2-5 {
  padding-right: 40px;
}

.padding-right-3 {
  padding-right: 48px;
}

.padding-right-4 {
  padding-right: 64px;
}

.padding-left-1 {
  padding-left: 16px;
}

.padding-left-1-5 {
  padding-left: 24px;
}

.padding-left-2 {
  padding-left: 32px;
}

.padding-left-2-5 {
  padding-left: 40px;
}

.padding-left-3 {
  padding-left: 48px;
}

.padding-left-4 {
  padding-left: 64px;
}

.margin-1 {
  margin: 16px;
}

.margin-1-5 {
  margin: 24px;
}

.margin-2 {
  margin: 32px;
}

.margin-2-5 {
  margin: 40px;
}

.margin-4 {
  margin: 64px;
}

.margin-top-1 {
  margin-top: 16px;
}

.margin-top-1-5 {
  margin-top: 24px;
}

.margin-top-2 {
  margin-top: 32px;
}

.margin-top-2-5 {
  margin-top: 40px;
}

.margin-top-3 {
  margin-top: 48px;
}

.margin-top-4 {
  margin-top: 64px;
}

.margin-bottom-1 {
  margin-bottom: 16px;
}

.margin-bottom-1-5 {
  margin-bottom: 24px;
}

.margin-bottom-2 {
  margin-bottom: 32px;
}

.margin-bottom-2-5 {
  margin-bottom: 40px;
}

.margin-bottom-3 {
  margin-bottom: 48px;
}

.margin-bottom-4 {
  margin-bottom: 64px;
}

.margin-left-1 {
  margin-left: 16px;
}

.margin-left-1-5 {
  margin-left: 24px;
}

.margin-left-2 {
  margin-left: 32px;
}

.margin-left-2-5 {
  margin-left: 40px;
}

.margin-left-3 {
  margin-left: 48px;
}

.margin-left-4 {
  margin-left: 64px;
}

.margin-right-1 {
  margin-right: 16px;
}

.margin-right-1-5 {
  margin-right: 24px;
}

.margin-right-2 {
  margin-right: 32px;
}

.margin-right-2-5 {
  margin-right: 40px;
}

.margin-right-3 {
  margin-right: 48px;
}

.margin-right-4 {
  margin-right: 64px;
}

.img-pull-left {
  margin: 16px 16px 16px 0;
}

.img-pull-right {
  margin: 16px 0px 16px 16px;
}
$5123
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */      
  
                
    


        
       
      
  


                                                                                                                                       
   
   

    
 
 
 
 
   
    
    
     
   

                                                                                                                     
               
                                                                                                                              

             




















 
 
 

              
               
 
                      
   

                                                                                                 
.f0 {
  font-size: 67.332496px;
}

h1,
.f1 {
  font-size: 48px;
}

h2, .node-staff .field-label,
.f2 {
  font-size: 36px;
}

h3,
.f3 {
  font-size: 24px;
}

h4, .profile-header-panel .field-label,
.f4 {
  font-size: 20px;
}

h5,
.f5 {
  font-size: 16px;
}

h6,
.f6 {
  font-size: 14px;
}

.f7 {
  font-size: 12px;
}

h1,
h2,
.node-staff .field-label,
h3,
h4,
.profile-header-panel .field-label,
h5,
h6 {
  margin-bottom: 12px;
}

article h1,
article h2,
article .node-staff .field-label, .node-staff
article .field-label,
article h3,
article h4,
article .profile-header-panel .field-label, .profile-header-panel
article .field-label,
article h5,
article h6 {
  margin-top: 32px;
}

h1.page-title,
h2.carousel-headline,
.node-staff .carousel-headline.field-label {
  font-size: 44px;
}

@media screen and (max-width: 767px) {

  h1.page-title,
    h2.carousel-headline,
    .node-staff .carousel-headline.field-label {
    font-size: 28px;
  }
}

p {
  margin-bottom: 24px;
}

p.intro {
  font-size: 28.432px;
}

p.large {
  font-size: 17.6px;
}

p.larger {
  font-size: 20px;
}

p.largest {
  font-size: 23.2px;
}

.sub-text, .announcements__posted {
  font-size: 10.6666656px;
}

ul,
ol {
  margin-bottom: 32px;
}

.nice-list li {
  font-size: 19.2px;
}

.nice-list li a {
  padding: 12px;
}

blockquote {
  padding: 16px;
  font-size: 20px;
}

blockquote .gs_news-captionname {
  padding-top: 16px;
  margin-top: 16px;
  padding-bottom: 16px;
}

.hero-title {
  font-size: 40px;
}

@media screen and (min-width: 768px) {

  .hero-title {
    font-size: 67.332496px;
  }
}

@media screen and (min-width: 1000px) {

  .hero-title {
    font-size: 80px;
  }
}

#modalContent .panels-section-column-categories a.btn, #modalContent .panels-section-column-categories .media-widget > a {
  font-size: 11.2px !important;
}

#tinymce .bootstrap-fix,
#tinymce .row {
  padding: 16px;
}

#tinymce div[class^="col-"] {
  padding: 16px;
}

/*
Accordion

A collapsible accordion element.

<strong>Module:</strong> accordion_set<br>
<i class="fa fa-check"></i> Paragraphs<br>
<i class="fa fa-check"></i> Panels<br>
<i class="fa fa-close"></i> Views

Markup: hbs/accordion.hbs

Styleguide: components.accordion

 */.accordion-content {
  padding: 12px;
}

.accordion-toggle {
  padding: 12px;
}

.background-cta {
  padding: 32px;
}

.dark-card-content {
  padding: 32px;
}

.button-row {
  margin: 32px 0;
}

@supports (display: grid) {

  .button-row {
    grid-gap: 32px;
  }

  .button-row.buttons-4 {
    max-width: calc(1300px - 32px);
  }
}

@media screen and (max-width: 992px) {

  .button-row {
    grid-gap: 16px;
  }
}

@media screen and (max-width: 767px) {

  .button-row {
    grid-gap: 16px;
  }
}

.bg-ye .btn-arrow,
.bg-gr .btn-arrow,
.bg-lg .btn-arrow {
  margin-right: 16px;
}

.bg-gr .button.btn-arrow:after,
  .bg-gr .o-btn.btn-arrow:after {
  right: -8px;
}

.button,
.o-btn,
#edit-submit {
  font-size: 12px;
  padding: 12px 24px;
  margin-right: 16px;
}

.button.btn-arrow,
  .o-btn.btn-arrow,
  #edit-submit.btn-arrow {
  font-size: 12px;
  padding: 8px 0;
  margin-right: 16px;
}

.button.btn-arrow:hover:after,
      .o-btn.btn-arrow:hover:after,
      #edit-submit.btn-arrow:hover:after {
  right: -12px;
}

.button.btn-arrow:after,
    .o-btn.btn-arrow:after,
    #edit-submit.btn-arrow:after {
  right: -8px;
}

.button.btn-arrow-lg,
  .o-btn.btn-arrow-lg,
  #edit-submit.btn-arrow-lg {
  font-size: 16px;
  margin-top: 8px;
}

.buttons-row {
  margin: 32px -20px;
}

.old-btn {
  padding: 8px;
  padding-right: 32px;
}

.old-btn:after {
  right: 16px;
}

.old-btn.alt:after {
  right: 16px;
}

.old-btn.alt:hover:after {
  right: 16px;
}

.old-btn.alt2:before {
  left: 8px;
}

.card {
  margin-bottom: 32px;
}

.card__copy {
  padding: 32px;
}

@media screen and (min-width: 1300px) {

  .card .content {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.card__title {
  padding-bottom: 16px;
  margin-bottom: 32px;
  margin-bottom: 16px;
}

.card__subtitle {
  font-size: 12px;
  margin: 0 0 8px 0;
}

.card__body {
  font-size: 14px;
}

.card__button {
  font-size: 12px;
  padding: 12px 24px;
  margin-right: 16px;
}

.card__button.btn-arrow {
  font-size: 12px;
  padding: 8px 0;
  margin-right: 16px;
}

.card__button.btn-arrow:hover:after {
  right: -12px;
}

.card__button.btn-arrow:after {
  right: -8px;
}

.card__button.btn-arrow-lg {
  font-size: 16px;
  margin-top: 8px;
}

.carousel-control {
  padding: 16px;
}

.carousel-controls {
  left: 32px;
}

@media screen and (max-width: 767px) {

  .carousel-controls {
    left: 16px;
  }
}

.item .carousel-caption {
  padding: 16px 20px 48px 20px;
  font-size: 13.6px;
}

.item .carousel-caption p {
  margin-bottom: 12px;
}

.carousel-caption {
  font-size: 13.6px;
}

.carousel-slide-content {
  padding: 16px 80px;
}

.chooser {
  font-size: 12px;
  margin-bottom: 32px;
}

.chooser strong {
  padding: 0 8px;
}

.chooser img {
  margin-bottom: 4px;
}
  
/*
Contact block

Provides a contact block. This typically include office location, phone number, email, and other important contact information.

Markup: hbs/contact.hbs

Styleguide: components.contact

 */.contact-info-main {
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 16px;
}

.contact-info-main h2, .contact-info-main .node-staff .field-label, .node-staff .contact-info-main .field-label {
  margin: 8px 0;
  font-size: 21.6px;
}

@media screen and (max-width: 767px) {

  .contact-info-main {
    margin-top: 32px;
  }
}

.content-callout {
  margin-top: 64px;
  margin-bottom: 64px;
  padding: 32px;
}

.content-callout h2, .content-callout .node-staff .field-label, .node-staff .content-callout .field-label {
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.content-callout .content-callout--button-holder {
  margin-top: 32px;
}

@media screen and (min-width: 768px) {

  .content-callout .content-callout--button-holder {
    margin-top: 16px;
  }
}  
/*
Call-to-action callout

A component that provides some accompanying text to one or two buttons that provide calls to action.

Markup: hbs/cta-callout.hbs

Style guide: components.cta
*/.region-content .cta-callout {
  margin: 32px 0;
}

.cta-callout {
  padding: 32px;
}

.cta-callout__buttons {
  padding-left: 32px;
}

.cta-callout .o-btn,
  .cta-callout .button {
  margin-bottom: 8px;
}

.featured-block .featured-block__headline {
  font-size: 16px;
  padding: 16px;
}

.featured-block .featured-block__date {
  padding: 16px;
  top: 16px;
}

.featured-block:hover .featured-block__content {
  bottom: 16px;
}

.featured-content .featured-content__body {
  padding: 16px 16px 16px 32px;
  font-size: 14px;
}

.featured-content .featured-content__body h2, .featured-content .featured-content__body .node-staff .field-label, .node-staff .featured-content .featured-content__body .field-label {
  font-size: 21.6px;
}

@media screen and (max-width: 768px) {

  .featured-content .featured-content__body {
    padding: 16px;
  }
}

footer {
  font-size: 13.6px;
}

footer#colophon {
  margin-top: 67.2px;
  padding: 67.2px 0;
}

.footer-links-container {
  margin-left: 52px;
}

.footer-address {
  margin-top: 32px;
  padding-left: 52px;
}

.footer-column-headers {
  padding-bottom: 4px;
  margin-top: 48px;
}

.footer-column-header {
  padding-bottom: 4px;
  margin-top: 48px;
}

ul.footer-links {
  margin-top: 8px;
}

ul.footer-links .fa {
  margin-right: 8px;
}

.footer-bottom {
  margin-left: 52px;
  padding-top: 16px;
  margin-top: 64px;
}

.footer-social-media {
  font-size: 20px;
}

.footer-social-media .fa {
  margin-right: 16px;
}

.gallery__buttons {
  right: 48px;
}

.gallery__buttons button {
  padding: 12px;
}

.gallery__item .gallery__content {
  font-size: 14px;
}

@media screen and (min-width: 992px) {

  .gallery__item .gallery__content {
    transform: translateX(32px);
  }

  .gallery__item .gallery__image img {
    transform: translateX(16px);
  }
}

.global-nav-item > a {
  font-size: 15.11104px;
  padding: 18.48px 12px;
}

@media (min-width: 768px) {

  .global-nav-item#about-menu a {
    padding-left: 16px;
  }

  .global-nav-item#news-menu a {
    padding-right: 16px;
  }
}

@media screen and (min-width: 768px) {

  .branding-container {
    margin-bottom: 32px;
  }
}

.logo-container {
  padding: 8px;
}

@media screen and (min-width: 768px) {

  .logo-container {
    padding: 16px 8px 8px 8px;
  }
}

.popular-links {
  margin-top: 32px;
  font-size: 12.444444432px;
}

.popular-links-item a {
  padding: 8px;
}

@media screen and (max-width: 945px) {

  .popular-links-item a {
    padding: 8px 0;
  }
}

.pop-text {
  padding: 8px;
}

@media screen and (max-width: 805px) {

  .pop-text {
    padding: 8px 5.76px;
  }
}

.mobile-search input[type=text] {
  padding: 16px 16px 16px 48px;
  font-size: 16px;
}

.drawer {
  margin: 32px 0;
}

.drawer p {
  margin-bottom: 16px;
  font-size: 13.6px;
}

.popular-dropdown-item a {
  padding: 16px;
}

.drawer-list-item a {
  font-size: 16px;
}

.hero-header .dinger {
  font-size: 36px;
}

.hero-header .dinger:after {
  bottom: -56px;
  margin-bottom: 48px;
}

@media screen and (max-width: 767px) {

  .hero-header .dinger {
    font-size: 20px;
  }
}

.hero-header {
  padding-bottom: 16px;
}

@media screen and (max-width: 768px) {

  .hero-header {
    padding-top: 24px;
  }
}

.page-header {
  padding-bottom: 24px;
}

.page-header h1 {
  font-size: 48px;
}

@media screen and (max-width: 768px) {

  .page-header {
    padding-top: 24px;
  }
}

.hero-controls {
  left: 16px;
  bottom: 16px;
  font-size: 12px;
}

.image-block .image-block--title {
  font-size: 12px;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {

  .image-block .image-block--title {
    margin-top: 32px !important;
  }
}

.image-block .image-block--image {
  margin-bottom: 16px;
}

.image-block.image-block__alternate .image-block--content {
  padding: 16px;
}

.image-block.image-block__alternate .image-block--title {
  font-size: 24.88px;
}

.image-block-fancy .image-block-title {
  margin-bottom: 8px;
}

.image-block-fancy .image-block-content {
  padding: 16px;
}

.image-block-fancy .image-block-content p {
  font-size: 14.4px;
}

/*
Video B-Roll Infographic

An infographic treatment that really pops

Markup: hbs/video-broll.hbs

Style guide: components.video-broll
*/.ig-carousel .infographic {
  margin-right: 32px;
}

.ig-2 .infographic {
  margin-right: 32px;
}

.ig-3 .infographic {
  margin-right: 32px;
}

.ig-4 .paragraphs-item-infographic {
  margin-right: 32px;
}

.infographic img {
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {

  .infographic-container .infographic {
    padding-right: 32px;
    padding-left: 32px;
  }
}

.ig-vid-bg-controls {
  bottom: 16px;
  left: 16px;
}

.ig-vid-bg-controls button {
  font-size: 12px;
}

.large-featured-item {
  padding: 24px;
  font-size: 14.4px;
}

.large-featured-item img {
  margin-bottom: 8px;
}
 
/*
Grid

The SUNY Oswego website uses <a href="http://getbootstrap.com/css/#grid">Bootstrap's grid system</a> to create layouts. If you are an advanced user who is capable of writing HTML, <a href="http://getbootstrap.com/css/#grid">refer to the official Bootstrap documentation</a> for more information.

Markup: grid.hbs

Styleguide: layout.grid
*/.hnav-sub-header {
  margin-top: 32px;
  padding: 8px 0; 
}
          .horizontal-panel {
  padding-top: 67.2px;
  padding-bottom: 67.2px; 
}
            .left-nav .block__title,
.left-nav__title {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 20px; 
}
     
.active-trail .dropdown-menu {
  margin-left: 12px;
}
 .active-trail .dropdown-menu li {
    line-height: 20px; 
}

@media screen and (max-width: 767px) {

  .card-headline {
    margin-top: 32px; 
}

}
.left-nav__items,
.sidebar-link-block {
  font-size: 13.6px; 
}
 .left-nav__items .open-lol,
  .sidebar-link-block .open-lol {
    font-size: 20px;
}
         .left-nav__items li a,
    .sidebar-link-block li a {
      padding: 8px 32px 8px 8px;
}
     .left-nav__items li a:hover,
      .sidebar-link-block li a:hover {
        padding-left: 16px;
        padding-right: 24px; 
}
                    .left-nav__items .dropdown-menu,
  .left-nav__items .left-nav__items,
  .left-nav__items .left-nav ul,
  .sidebar-link-block .dropdown-menu,
  .sidebar-link-block .left-nav__items,
  .sidebar-link-block .left-nav ul {
    margin-left: 16px; 
}
   .left-nav__items .dropdown-menu li,
    .left-nav__items .left-nav__items li,
    .left-nav__items .left-nav ul li,
    .sidebar-link-block .dropdown-menu li,
    .sidebar-link-block .left-nav__items li,
    .sidebar-link-block .left-nav ul li {
      line-height: 24px; 
}
   
                 .sidebar-link-block .sidebar-link-block {
  margin-left: 12px;
}
.sidebar-heading,
.pane-menu-tree .pane-title,
.pane-bundle-quick-links .pane-title {
  font-size: 24px;
}
$5149
/**
 *
 * Mobile nav styles "Additional Navigation"
 *
 */   .mobile-nav__items li {
    line-height: 24px;
}
   .mobile-nav__items li a {
      padding: 12px 40px 12px 16px;
}
      .mobile-nav__items .dropdown-menu,
  .mobile-nav__items .left-nav__items {
    margin-left: 16px; 
}
   .mobile-nav__items .dropdown-menu li,
    .mobile-nav__items .left-nav__items li {
      line-height: 24px; 
}
          .oswego-dropdown-menu {
  padding-left: 20px; 
}
  
    

.horizontal-nav__items {
  line-height: 48px;
  font-size: 15.2px;
}
     
   
.horizontal-nav__items {
  font-size: 14.222222208px;
}
   
 .horizontal-nav-item a, .horizontal-nav li a,
  .horizontal-nav__items li a {
    padding: 16px 10px;
}
       .mobile-nav {
  margin-top: 32px;
  margin-bottom: 32px; 
}
 
.mobile-nav__toggle {
  padding: 16px;
}
  
/*
News feed

This contains a row of 3 news blocks pulling news content from the Office of Communications and Marketing's news site.

Markup: hbs/news.hbs

Styleguide: components.news-feed

 */.news-item-tease {
  padding-top: 24px;
}

.news-item-tease h3 {
  margin-top: 8px;
}

.breadcrumb {
  font-size: 10px;
}

.section-title-container .section-title {
  margin-bottom: 4px;
}
     

/*
Quick facts

A component to display simple infographics

.bg-textured - Gives a textured grey background

Markup: hbs/quick-facts.hbs

Styleguide: components.quick-facts

 */.quick-facts-container {
  padding: 67.2px 0;
}

.quick-facts-headline,
.contact-us-headline,
.horizontal-panel-headline {
  margin-bottom: 32px;
}

.quick-fact-item {
  padding: 0 32px;
}

.quick-fact-metric {
  font-size: 64px;
  margin-bottom: 8px;
}

.search-input {
  padding: 0 0 0 16px;
}
 

/* Open state */   
.search-open .search-input {
  padding-left: 16px;
}

.small-feature .button {
  margin-bottom: 16px;
}

.small-feature.has-media .the-media {
  padding-right: 32px;
}

.small-feature.has-media .small-feature__content {
  padding-left: 32px;
}

.small-feature.has-media.img-right .the-media {
  padding-left: 32px;
}

.small-feature.has-media.img-right .small-feature__content {
  padding-right: 32px;
}

.small-feature.has-media.half-img-right .the-media {
  padding-left: 32px;
}

.small-feature.has-media.half-img-right .small-feature__content {
  padding-right: 32px;
}

@media screen and (max-width: 767px) {

  .small-feature .the-media {
    margin-bottom: 32px;
  }
}

.basic-page-main-region .small-feature {
  margin: 32px auto;
}

.spotlight {
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.spotlight img {
  margin-left: 16px;
  margin-right: 16px;
}

.spotlight .spotlight__content {
  margin-right: 16px;
  margin-left: 16px;
}

.node-type-panopoly-page .horizontal-nav {
  margin-bottom: 64px;
}

.section.container, .item .section.carousel-caption-container, .page-node-edit .section.content {
  padding: 32px;
}

.left-navigation-layout {
  margin-top: 32px;
}

.img-circle {
  margin-top: 24px;
}

.centered {
  padding: 64px 0;
}

.card-item {
  padding: 24px;
  font-size: 14.4px;
}

.linkcon {
  padding: 16px;
}

.paragraphs-item-embed-view {
  margin-top: 32px;
}

#toplink {
  bottom: 16px;
  right: 16px;
  padding: 8px;
}

#toplink span {
  font-size: 10.4px;
}
    
/*
Horizontal rule

A simple separator

Markup: hbs/hr.hbs

Styleguide: style.hr

 */hr {
  margin: 32px 0;
}

@media screen and (max-width: 800px) {

  .up-3-content > div {
    margin-top: 32px;
  }
}

td {
  padding: 0 24px;
}

thead tr {
  font-size: 12px;
}

.sleek-tabs-anchor {
  font-size: 12px;
}

@media screen and (max-width: 767px) {

  .sleek-tabs-anchor {
    font-size: 16px;
  }
}

.sleek-tabs {
  margin-bottom: 32px;
  margin-top: 32px;
}

.sleek-tabs li {
  margin-right: 24px;
}

@media screen and (max-width: 767px) {

  .sleek-tabs li {
    margin-right: 8px;
  }
}

.sleek-tabs a {
  padding: 8px 0;
}

@media screen and (max-width: 767px) {

  .tab-pane {
    padding-bottom: 32px;
  }
}

.faculty-job-title {
  font-size: 16px;
}

.media-object {
  margin-bottom: 64px;
}

.video-controls {
  left: 16px;
  bottom: 16px;
  font-size: 12px;
}

.paragraphs-item-video-callout {
  margin-left: -32px;
  margin-right: -32px;
}
 $5169
/*----------  Global  ----------*/
/*----------  Announcements  ----------*/.announcements-vertical .view-content {
  margin-top: 8px;
}

.view-announcements .item-list {
  margin-top: 8px;
}

.view-announcement-item {
  margin-bottom: 16px;
}
 
/*----------  Programs  ----------*/ 
/*=====  End of Views styles  ======*/.paragraphs-item-embed-view {
  margin-bottom: 64px;
}

/*
 * Announcements
 */.announcement-title {
  margin-bottom: 4px;
  font-size: 20px;
}

.announcement-teaser {
  margin-bottom: 16px;
  font-size: 12.8px;
}

.announcements__announcement {
  margin: 16px 0 32px 0;
}

.announcements__posted {
  margin-bottom: 4px;
}

.announcement-hp-title {
  font-size: 20px;
}

.announcement {
  margin-bottom: 16px;
}

.announcement .date {
  font-size: 12px;
}

.contact-us-icon {
  font-size: 48px;
  margin-bottom: 24px;
}

.contact-us-item {
  padding: 32px 0;
}

.event-teaser-date-block {
  padding: 8px 10.4px;
  margin-right: 16px;
}

.event-teaser-date {
  font-size: 28px;
}

.event-teaser-block {
  margin-bottom: 16px;
}

.event-day-time {
  font-size: 8px;
  margin-bottom: 4px;
}

.program-page .panel-pane {
  margin-bottom: 16px;
}

.programs-degree-options-item {
  font-size: 12px;
  padding: 0 8px;
}

figure.program-teaser-item h2, figure.program-teaser-item .node-staff .field-label, .node-staff figure.program-teaser-item .field-label {
  font-size: 20px;
}

figure.program-teaser-item .view-program {
  margin: 16px auto 0 auto;
  font-size: 12px;
}

.program-button {
  margin-bottom: 16px;
}

.program-related {
  margin-bottom: 32px;
}

.program-testimonial {
  padding: 32px 0;
  font-size: 32px;
}

.program-testimonial blockquote {
  font-size: 21.6px;
}

.program-testimonial .t-author {
  font-size: 14.2208px;
}

.program-testimonial .t-class {
  font-size: 14.2208px;
}

.sidebar .panel-pane {
  margin-bottom: 16px;
}

.pane-majors-minors {
  padding: 16px 0 32px 0;
}

.program-majors-minors {
  padding: 32px 0;
  padding-bottom: 48px;
}

.program-majors-minors .field-label {
  font-size: 36px;
}

.next-steps-container {
  padding: 96px 0 160px 0;
}

.next-steps-heading {
  margin-bottom: 32px;
}

.faculty-cards-container > h2, .node-staff .faculty-cards-container > .field-label {
  margin-bottom: 32px;
}

.slick-slide {
  margin: 0 16px;
}

.sf-card {
  transform: translateY(16px);
}

.sf-card {
  padding: 32px;
}

.sf-card h4, .sf-card .profile-header-panel .field-label, .profile-header-panel .sf-card .field-label {
  font-size: 12px !important;
}

@media screen and (min-width: 720px) {

  .sf-card .sf-card-content {
    padding: 32px;
  }

  .sf-card .field-type-text-with-summary {
    font-size: 14px;
  }

  .sf-card .field-type-text-with-summary p {
    font-size: 14px;
  }
}

.profile-header-panel {
  font-size: 13.6px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 32px;
}

.profile-header-panel .field-label {
  margin-bottom: 8px;
}

.profile-header-panel h4, .profile-header-panel .field-label {
  margin-bottom: 8px;
}

.profile-header-panel p:last-child {
  margin-bottom: 24px;
}

.fac-staff-full--info {
  margin-top: 16px;
}

.fac-staff-item {
  margin-bottom: 32px;
  padding-bottom: 32px;
}

.fac-staff-item .fac-staff-item--info {
  margin-left: 32px;
  padding-right: 16px;
}

.fac-staff-item .fac-staff-item--contact-info {
  margin-top: 16px;
}

.fac-staff-item .fac-staff-item--contact-info strong {
  font-size: 12px;
}

.fac-staff-item .field-name-field-office-location,
  .fac-staff-item .field-name-field-email-address {
  font-size: 13.6px;
}

.staff-page .sidebar .field-label {
  margin-bottom: 4px;
}

.full-width-section .spotlight-testimonial {
  margin-left: -32px;
  margin-right: -32px;
}

.spotlight-testimonial {
  padding: 80px 32px 48px 32px;
}

.spotlight-testimonial .slick-dots {
  bottom: 16px;
}

.spotlight-testimonial::before {
  font-size: 80px;
}

.spotlight-testimonial .spotlight-content img {
  margin-bottom: 16px;
}

.spotlight-testimonial .spotlight-content .spotlight-quote p {
  font-size: 20px;
}

.spotlight-testimonial .spotlight-content .spotlight-byline .spotlight-name {
  padding-top: 8px;
  font-size: 16px;
}

.spotlight-testimonial .spotlight-content .spotlight-byline .spotlight-major {
  font-size: 12px;
}

@media screen and (min-width: 768px) {

  .spotlight-testimonial {
    padding: 112px 64px;
  }

  .spotlight-testimonial .spotlight-content img {
    margin-bottom: 32px;
  }

  .spotlight-testimonial .spotlight-content .spotlight-quote > p {
    font-size: 24px;
  }
}

@media screen and (min-width: 1024px) {

  .spotlight-testimonial .spotlight-content img {
    margin-right: 32px;
  }

  .spotlight-testimonial .spotlight-content .spotlight-quote {
    padding-left: 32px;
  }
}

.spotlight-testimonial.smaller-text {
  padding: 80px 32px;
}

.spotlight-testimonial.smaller-text .spotlight-content p {
  font-size: 20px;
}
     
/* Homepage slider */ 
.tweet-item {
  margin-bottom: 16px;
}

.tweet-item .views-field-created-time {
  font-size: 12px;
}

.home-headline {
  font-size: 12px;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {

  .home-headline {
    margin-top: 32px !important;
  }
}

.home-life-item {
  padding-bottom: 24px;
  margin-bottom: 32px;
}

.home-life-item .fa {
  font-size: 24px;
}

@media screen and (max-width: 767px) {

  .home-life-item {
    margin-top: 64px;
  }
}

.filter-darken .button {
  box-shadow: 0 0 16px -8px #404040;
}

.flexy-columns-4 > * {
  margin-right: 32px;
}

.flexy-columns-2 > * {
  margin-right: 32px;
}

.flexy-columns-3 > *,
  .flexy-columns-3 .view-content > * {
  margin-right: 32px;
}

@media screen and (max-width: 768px) {

  .flexy-columns-3 > *,
      .flexy-columns-3 .view-content > * {
    margin-bottom: 32px;
  }
}
$5185$5186$5187
/**
 * Add the correct display in IE 10-.
 */$5189
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */$5191
/* Responsive images! */$5193
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
/*

    BACKGROUND POSITION

    Base:
    bg = background

    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
/*

   OUTLINES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

    BORDERS
    Docs: http://tachyons.io/docs/themes/borders/

    Base:
      b = border

    Modifiers:
      a = all
      t = top
      r = right
      b = bottom
      l = left
      n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

   BORDER COLORS
   Docs: http://tachyons.io/docs/themes/borders/

   Border colors can be used to extend the base
   border classes ba,bt,bb,br,bl found in the _borders.css file.

   The base border class by default will set the color of the border
   to that of the current text color. These classes are for the cases
   where you desire for the text and border colors to be different.

   Base:
     b = border

   Modifiers:
   --color-name = each color variable name is also a border color name

*/
/*

   BORDER RADIUS
   Docs: http://tachyons.io/docs/themes/border-radius/

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale

   Literal values:
     -100 = 100%
     -pill = 9999px

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/.br1 {
  border-radius: 2px;
}

.br2 {
  border-radius: 4px;
}

.br3 {
  border-radius: 8px;
}

.br4 {
  border-radius: 16px;
}

/*

   BORDER STYLES
   Docs: http://tachyons.io/docs/themes/borders/

   Depends on base border module in _borders.css

   Base:
     b = border-style

   Modifiers:
     --none   = none
     --dotted = dotted
     --dashed = dashed
     --solid  = solid

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

 */
/*

   BORDER WIDTHS
   Docs: http://tachyons.io/docs/themes/borders/

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/.bw1 {
  border-width: 2px;
}

.bw2 {
  border-width: 4px;
}

.bw3 {
  border-width: 8px;
}

.bw4 {
  border-width: 16px;
}

.bw5 {
  border-width: 32px;
}

/* Resets */
/*

  BOX-SHADOW
  Docs: http://tachyons.io/docs/themes/box-shadow/

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

 */
/*

   CODE

*/
/*

   COORDINATES
   Docs: http://tachyons.io/docs/layout/position/

   Use in combination with the position module.

   Base:
     top
     bottom
     right
     left

   Modifiers:
     -0  = literal value 0
     -1  = literal value 1
     -2  = literal value 2
     --1 = literal value -1
     --2 = literal value -2

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/.top-1 {
  top: 16px;
}

.right-1 {
  right: 16px;
}

.bottom-1 {
  bottom: 16px;
}

.left-1 {
  left: 16px;
}

.top-2 {
  top: 32px;
}

.right-2 {
  right: 32px;
}

.bottom-2 {
  bottom: 32px;
}

.left-2 {
  left: 32px;
}

.top--1 {
  top: -16px;
}

.right--1 {
  right: -16px;
}

.bottom--1 {
  bottom: -16px;
}

.left--1 {
  left: -16px;
}

.top--2 {
  top: -32px;
}

.right--2 {
  right: -32px;
}

.bottom--2 {
  bottom: -32px;
}

.left--2 {
  left: -32px;
}
$5206
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
/*

   DISPLAY
   Docs: http://tachyons.io/docs/layout/display

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    t-row          = table-row
    t-columm       = table-column
    t-column-group = table-column-group

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
  This will set table to full width and then
  all cells will be equal width
*/
/*

  FLEXBOX

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

*/
/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
/*

   FLOATS
   http://tachyons.io/docs/layout/floats/

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

   FONT WEIGHT
   Docs: http://tachyons.io/docs/typography/font-weight/

   Base
     fw = font-weight

   Modifiers:
     1 = literal value 100
     2 = literal value 200
     3 = literal value 300
     4 = literal value 400
     5 = literal value 500
     6 = literal value 600
     7 = literal value 700
     8 = literal value 800
     9 = literal value 900

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

   FORMS

*/$5218
/* Height Scale */.h1 {
  height: 16px; 
}
.h2 {
  height: 32px; 
}
.h3 {
  height: 64px; 
}
.h4 {
  height: 128px; 
}
.h5 {
  height: 256px; 
}

/* Height Percentages - Based off of height of parent */
/* Screen Height Percentage */
/* String Properties */
/*

   LETTER SPACING
   Docs: http://tachyons.io/docs/typography/tracking/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

   LINE HEIGHT / LEADING
   Docs: http://tachyons.io/docs/typography/line-height

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

   LINKS
   Docs: http://tachyons.io/docs/elements/links/

*/
/*

   LISTS
   http://tachyons.io/docs/elements/lists/

*/$5227
/* Max Width Percentages */
/* Max Width Scale */.mw1 {
  max-width: 16px; 
}
.mw2 {
  max-width: 32px; 
}
.mw3 {
  max-width: 64px; 
}
.mw4 {
  max-width: 128px; 
}
.mw5 {
  max-width: 256px; 
}
.mw6 {
  max-width: 512px; 
}
.mw7 {
  max-width: 768px; 
}
.mw8 {
  max-width: 1024px; 
}
.mw9 {
  max-width: 1536px; 
}

/* Max Width String Properties */$5231
/* Width Scale */.w1 {
  width: 16px; 
}
.w2 {
  width: 32px; 
}
.w3 {
  width: 64px; 
}
.w4 {
  width: 128px; 
}
.w5 {
  width: 256px; 
}

/*

    OVERFLOW

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
/*

   POSITIONING
   Docs: http://tachyons.io/docs/layout/position/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

    OPACITY
    Docs: http://tachyons.io/docs/themes/opacity/

*/
/*

   ROTATIONS

*/$5237
/* Text colors */
/* Background colors */
/*

   SKINS:PSEUDO

   Customize the color of an element when
   it is focused or hovered over.

 */$5241
/*
   SPACING
   Docs: http://tachyons.io/docs/layout/spacing/

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/.pa1 {
  padding: 4px; 
}
.pa2 {
  padding: 8px; 
}
.pa3 {
  padding: 16px; 
}
.pa4 {
  padding: 32px; 
}
.pa5 {
  padding: 64px; 
}
.pa6 {
  padding: 128px; 
}
.pa7 {
  padding: 256px; 
}
.pl1 {
  padding-left: 4px; 
}
.pl2 {
  padding-left: 8px; 
}
.pl3 {
  padding-left: 16px; 
}
.pl4 {
  padding-left: 32px; 
}
.pl5 {
  padding-left: 64px; 
}
.pl6 {
  padding-left: 128px; 
}
.pl7 {
  padding-left: 256px; 
}
.pr1 {
  padding-right: 4px; 
}
.pr2 {
  padding-right: 8px; 
}
.pr3 {
  padding-right: 16px; 
}
.pr4 {
  padding-right: 32px; 
}
.pr5 {
  padding-right: 64px; 
}
.pr6 {
  padding-right: 128px; 
}
.pr7 {
  padding-right: 256px; 
}
.pb1 {
  padding-bottom: 4px; 
}
.pb2 {
  padding-bottom: 8px; 
}
.pb3 {
  padding-bottom: 16px; 
}
.pb4 {
  padding-bottom: 32px; 
}
.pb5 {
  padding-bottom: 64px; 
}
.pb6 {
  padding-bottom: 128px; 
}
.pb7 {
  padding-bottom: 256px; 
}
.pt1 {
  padding-top: 4px; 
}
.pt2 {
  padding-top: 8px; 
}
.pt3 {
  padding-top: 16px; 
}
.pt4 {
  padding-top: 32px; 
}
.pt5 {
  padding-top: 64px; 
}
.pt6 {
  padding-top: 128px; 
}
.pt7 {
  padding-top: 256px; 
}
.pv1 {
  padding-top: 4px;
  padding-bottom: 4px; 
}
.pv2 {
  padding-top: 8px;
  padding-bottom: 8px; 
}
.pv3 {
  padding-top: 16px;
  padding-bottom: 16px; 
}
.pv4 {
  padding-top: 32px;
  padding-bottom: 32px; 
}
.pv5 {
  padding-top: 64px;
  padding-bottom: 64px; 
}
.pv6rem {
  padding-top: 96px;
  padding-bottom: 96px; 
}
.pv6 {
  padding-top: 128px;
  padding-bottom: 128px; 
}
.pv12rem {
  padding-top: 192px;
  padding-bottom: 192px; 
}
.pv7 {
  padding-top: 256px;
  padding-bottom: 256px; 
}
.ph1 {
  padding-left: 4px;
  padding-right: 4px; 
}
.ph2 {
  padding-left: 8px;
  padding-right: 8px; 
}
.ph3 {
  padding-left: 16px;
  padding-right: 16px; 
}
.ph4 {
  padding-left: 32px;
  padding-right: 32px; 
}
.ph5 {
  padding-left: 64px;
  padding-right: 64px; 
}
.ph6 {
  padding-left: 128px;
  padding-right: 128px; 
}
.ph7 {
  padding-left: 256px;
  padding-right: 256px; 
}
.ma1 {
  margin: 4px; 
}
.ma2 {
  margin: 8px; 
}
.ma3 {
  margin: 16px; 
}
.ma4 {
  margin: 32px; 
}
.ma5 {
  margin: 64px; 
}
.ma6 {
  margin: 128px; 
}
.ma7 {
  margin: 256px; 
}
.ml1 {
  margin-left: 4px; 
}
.ml2 {
  margin-left: 8px; 
}
.ml3 {
  margin-left: 16px; 
}
.ml4 {
  margin-left: 32px; 
}
.ml5 {
  margin-left: 64px; 
}
.ml6 {
  margin-left: 128px; 
}
.ml7 {
  margin-left: 256px; 
}
.mr1 {
  margin-right: 4px; 
}
.mr2 {
  margin-right: 8px; 
}
.mr3 {
  margin-right: 16px; 
}
.mr4 {
  margin-right: 32px; 
}
.mr5 {
  margin-right: 64px; 
}
.mr6 {
  margin-right: 128px; 
}
.mr7 {
  margin-right: 256px; 
}
.mb1 {
  margin-bottom: 4px; 
}
.mb2 {
  margin-bottom: 8px; 
}
.mb3 {
  margin-bottom: 16px; 
}
.mb4 {
  margin-bottom: 32px; 
}
.mb5 {
  margin-bottom: 64px; 
}
.mb6 {
  margin-bottom: 128px; 
}
.mb7 {
  margin-bottom: 256px; 
}
.mt1 {
  margin-top: 4px; 
}
.mt2 {
  margin-top: 8px; 
}
.mt3 {
  margin-top: 16px; 
}
.mt4 {
  margin-top: 32px; 
}
.mt5 {
  margin-top: 64px; 
}
.mt6 {
  margin-top: 128px; 
}
.mt7 {
  margin-top: 256px; 
}
.mv1 {
  margin-top: 4px;
  margin-bottom: 4px; 
}
.mv2 {
  margin-top: 8px;
  margin-bottom: 8px; 
}
.mv3 {
  margin-top: 16px;
  margin-bottom: 16px; 
}
.mv4 {
  margin-top: 32px;
  margin-bottom: 32px; 
}
.mv5 {
  margin-top: 64px;
  margin-bottom: 64px; 
}
.mv6 {
  margin-top: 128px;
  margin-bottom: 128px; 
}
.mv7 {
  margin-top: 256px;
  margin-bottom: 256px; 
}
.mh1 {
  margin-left: 4px;
  margin-right: 4px; 
}
.mh2 {
  margin-left: 8px;
  margin-right: 8px; 
}
.mh3 {
  margin-left: 16px;
  margin-right: 16px; 
}
.mh4 {
  margin-left: 32px;
  margin-right: 32px; 
}
.mh5 {
  margin-left: 64px;
  margin-right: 64px; 
}
.mh6 {
  margin-left: 128px;
  margin-right: 128px; 
}
.mh7 {
  margin-left: 256px;
  margin-right: 256px; 
}

/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/.na1 {
  margin: -4px; 
}
.na2 {
  margin: -8px; 
}
.na3 {
  margin: -16px; 
}
.na4 {
  margin: -32px; 
}
.na5 {
  margin: -64px; 
}
.na6 {
  margin: -128px; 
}
.na7 {
  margin: -256px; 
}
.nl1 {
  margin-left: -4px; 
}
.nl2 {
  margin-left: -8px; 
}
.nl3 {
  margin-left: -16px; 
}
.nl4 {
  margin-left: -32px; 
}
.nl5 {
  margin-left: -64px; 
}
.nl6 {
  margin-left: -128px; 
}
.nl7 {
  margin-left: -256px; 
}
.nr1 {
  margin-right: -4px; 
}
.nr2 {
  margin-right: -8px; 
}
.nr3 {
  margin-right: -16px; 
}
.nr4 {
  margin-right: -32px; 
}
.nr5 {
  margin-right: -64px; 
}
.nr6 {
  margin-right: -128px; 
}
.nr7 {
  margin-right: -256px; 
}
.nb1 {
  margin-bottom: -4px; 
}
.nb2 {
  margin-bottom: -8px; 
}
.nb3 {
  margin-bottom: -16px; 
}
.nb4 {
  margin-bottom: -32px; 
}
.nb5 {
  margin-bottom: -64px; 
}
.nb6 {
  margin-bottom: -128px; 
}
.nb7 {
  margin-bottom: -256px; 
}
.nt1 {
  margin-top: -4px; 
}
.nt2 {
  margin-top: -8px; 
}
.nt3 {
  margin-top: -16px; 
}
.nt4 {
  margin-top: -32px; 
}
.nt5 {
  margin-top: -64px; 
}
.nt6 {
  margin-top: -128px; 
}
.nt7 {
  margin-top: -256px; 
}

/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

*/
/*

   TEXT DECORATION
   Docs: http://tachyons.io/docs/typography/text-decoration/


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center
    j = justify

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/
/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/$5248$5249$5250$5251
/* Measure is limited to ~66 characters */
/* Measure is limited to ~80 characters */
/* Measure is limited to ~45 characters */
/* Book paragraph style - paragraphs are indented with no vertical spacing. */
/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */$5257
/* Equivalent to .overflow-y-scroll */$5259
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*

   VERTICAL ALIGN

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/$5264
/*

  Dim element on hover by adding the dim class.

*/
/*

  Animate opacity to 100% on hover by adding the glow class.

*/
/*

  Hide child & reveal on hover:

  Put the hide-child class on a parent element and any nested element with the
  child class will be hidden and displayed on hover or focus.

  <div class="hide-child">
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
  </div>
*/
/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
/* Add pointer on hover */
/*
   Add shadow on hover.

   Performant box-shadow animation pattern from
   http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
/* Combine with classes in skins and skins-pseudo for
 * many different transition possibilities. */
/*

  Z-INDEX

  Base
    z = z-index

  Modifiers
    -0 = literal value 0
    -1 = literal value 1
    -2 = literal value 2
    -3 = literal value 3
    -4 = literal value 4
    -5 = literal value 5
    -999 = literal value 999
    -9999 = literal value 9999

    -max = largest accepted z-index value as integer

    -inherit = string value inherit
    -initial = string value initial
    -unset = string value unset

  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
  Spec: http://www.w3.org/TR/CSS2/zindex.html
  Articles:
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

  Tips on extending:
  There might be a time worth using negative z-index values.
  Or if you are using tachyons with another project, you might need to
  adjust these values to suit your needs.

*/
/*

    NESTED
    Tachyons module for styling nested elements
    that are generated by a cms.

*/$5274$5275$5276$5277$5278$5279$5280
/*

  DEBUG CHILDREN
  Docs: http://tachyons.io/docs/debug/

  Just add the debug class to any element to see outlines on its
  children.

*/
/*

   DEBUG GRID
   http://tachyons.io/docs/debug-grid/

   Can be useful for debugging layout issues
   or helping to make sure things line up perfectly.
   Just tack one of these classes onto a parent element.

*/$5283
/* $5121
@media screen and (min-width: 30em) {

                                .br1-ns {
    border-radius: 2px; 
}
 .br2-ns {
    border-radius: 4px; 
}
 .br3-ns {
    border-radius: 8px; 
}
 .br4-ns {
    border-radius: 16px; 
}
            .bw1-ns {
    border-width: 2px; 
}
 .bw2-ns {
    border-width: 4px; 
}
 .bw3-ns {
    border-width: 8px; 
}
 .bw4-ns {
    border-width: 16px; 
}
 .bw5-ns {
    border-width: 32px; 
}
              .top-1-ns {
    top: 16px; 
}
 .left-1-ns {
    left: 16px; 
}
 .right-1-ns {
    right: 16px; 
}
 .bottom-1-ns {
    bottom: 16px; 
}
 .top-2-ns {
    top: 32px; 
}
 .left-2-ns {
    left: 32px; 
}
 .right-2-ns {
    right: 32px; 
}
 .bottom-2-ns {
    bottom: 32px; 
}
 .top--1-ns {
    top: -16px; 
}
 .right--1-ns {
    right: -16px; 
}
 .bottom--1-ns {
    bottom: -16px; 
}
 .left--1-ns {
    left: -16px; 
}
 .top--2-ns {
    top: -32px; 
}
 .right--2-ns {
    right: -32px; 
}
 .bottom--2-ns {
    bottom: -32px; 
}
 .left--2-ns {
    left: -32px; 
}
                                                                                                                         
                              .br1-m {
    border-radius: 2px; 
}
 .br2-m {
    border-radius: 4px; 
}
 .br3-m {
    border-radius: 8px; 
}
 .br4-m {
    border-radius: 16px; 
}
            .bw1-m {
    border-width: 2px; 
}
 .bw2-m {
    border-width: 4px; 
}
 .bw3-m {
    border-width: 8px; 
}
 .bw4-m {
    border-width: 16px; 
}
 .bw5-m {
    border-width: 32px; 
}
              .top-1-m {
    top: 16px; 
}
 .left-1-m {
    left: 16px; 
}
 .right-1-m {
    right: 16px; 
}
 .bottom-1-m {
    bottom: 16px; 
}
 .top-2-m {
    top: 32px; 
}
 .left-2-m {
    left: 32px; 
}
 .right-2-m {
    right: 32px; 
}
 .bottom-2-m {
    bottom: 32px; 
}
 .top--1-m {
    top: -16px; 
}
 .right--1-m {
    right: -16px; 
}
 .bottom--1-m {
    bottom: -16px; 
}
 .left--1-m {
    left: -16px; 
}
 .top--2-m {
    top: -32px; 
}
 .right--2-m {
    right: -32px; 
}
 .bottom--2-m {
    bottom: -32px; 
}
 .left--2-m {
    left: -32px; 
}
                                                                                .h1-m {
    height: 16px; 
}
 .h2-m {
    height: 32px; 
}
 .h3-m {
    height: 64px; 
}
 .h4-m {
    height: 128px; 
}
 .h5-m {
    height: 256px; 
}
                    .mw1-m {
    max-width: 16px; 
}
 .mw2-m {
    max-width: 32px; 
}
 .mw3-m {
    max-width: 64px; 
}
 .mw4-m {
    max-width: 128px; 
}
 .mw5-m {
    max-width: 256px; 
}
 .mw6-m {
    max-width: 512px; 
}
 .mw7-m {
    max-width: 768px; 
}
 .mw8-m {
    max-width: 1024px; 
}
 .mw9-m {
    max-width: 1536px; 
}
  .w1-m {
    width: 16px; 
}
 .w2-m {
    width: 32px; 
}
 .w3-m {
    width: 64px; 
}
 .w4-m {
    width: 128px; 
}
 .w5-m {
    width: 256px; 
}
                                          .pa1-m {
    padding: 4px; 
}
 .pa2-m {
    padding: 8px; 
}
 .pa3-m {
    padding: 16px; 
}
 .pa4-m {
    padding: 32px; 
}
 .pa5-m {
    padding: 64px; 
}
 .pa6-m {
    padding: 128px; 
}
 .pa7-m {
    padding: 256px; 
}
  .pl1-m {
    padding-left: 4px; 
}
 .pl2-m {
    padding-left: 8px; 
}
 .pl3-m {
    padding-left: 16px; 
}
 .pl4-m {
    padding-left: 32px; 
}
 .pl5-m {
    padding-left: 64px; 
}
 .pl6-m {
    padding-left: 128px; 
}
 .pl7-m {
    padding-left: 256px; 
}
  .pr1-m {
    padding-right: 4px; 
}
 .pr2-m {
    padding-right: 8px; 
}
 .pr3-m {
    padding-right: 16px; 
}
 .pr4-m {
    padding-right: 32px; 
}
 .pr5-m {
    padding-right: 64px; 
}
 .pr6-m {
    padding-right: 128px; 
}
 .pr7-m {
    padding-right: 256px; 
}
  .pb1-m {
    padding-bottom: 4px; 
}
 .pb2-m {
    padding-bottom: 8px; 
}
 .pb3-m {
    padding-bottom: 16px; 
}
 .pb4-m {
    padding-bottom: 32px; 
}
 .pb5-m {
    padding-bottom: 64px; 
}
 .pb6-m {
    padding-bottom: 128px; 
}
 .pb7-m {
    padding-bottom: 256px; 
}
  .pt1-m {
    padding-top: 4px; 
}
 .pt2-m {
    padding-top: 8px; 
}
 .pt3-m {
    padding-top: 16px; 
}
 .pt4-m {
    padding-top: 32px; 
}
 .pt5-m {
    padding-top: 64px; 
}
 .pt6-m {
    padding-top: 128px; 
}
 .pt7-m {
    padding-top: 256px; 
}
  .pv1-m {
    padding-top: 4px;
    padding-bottom: 4px; 
}
 .pv2-m {
    padding-top: 8px;
    padding-bottom: 8px; 
}
 .pv3-m {
    padding-top: 16px;
    padding-bottom: 16px; 
}
 .pv4-m {
    padding-top: 32px;
    padding-bottom: 32px; 
}
 .pv5-m {
    padding-top: 64px;
    padding-bottom: 64px; 
}
 .pv6-m {
    padding-top: 128px;
    padding-bottom: 128px; 
}
 .pv7-m {
    padding-top: 256px;
    padding-bottom: 256px; 
}
  .ph1-m {
    padding-left: 4px;
    padding-right: 4px; 
}
 .ph2-m {
    padding-left: 8px;
    padding-right: 8px; 
}
 .ph3-m {
    padding-left: 16px;
    padding-right: 16px; 
}
 .ph4-m {
    padding-left: 32px;
    padding-right: 32px; 
}
 .ph5-m {
    padding-left: 64px;
    padding-right: 64px; 
}
 .ph6-m {
    padding-left: 128px;
    padding-right: 128px; 
}
 .ph7-m {
    padding-left: 256px;
    padding-right: 256px; 
}
  .ma1-m {
    margin: 4px; 
}
 .ma2-m {
    margin: 8px; 
}
 .ma3-m {
    margin: 16px; 
}
 .ma4-m {
    margin: 32px; 
}
 .ma5-m {
    margin: 64px; 
}
 .ma6-m {
    margin: 128px; 
}
 .ma7-m {
    margin: 256px; 
}
  .ml1-m {
    margin-left: 4px; 
}
 .ml2-m {
    margin-left: 8px; 
}
 .ml3-m {
    margin-left: 16px; 
}
 .ml4-m {
    margin-left: 32px; 
}
 .ml5-m {
    margin-left: 64px; 
}
 .ml6-m {
    margin-left: 128px; 
}
 .ml7-m {
    margin-left: 256px; 
}
  .mr1-m {
    margin-right: 4px; 
}
 .mr2-m {
    margin-right: 8px; 
}
 .mr3-m {
    margin-right: 16px; 
}
 .mr4-m {
    margin-right: 32px; 
}
 .mr5-m {
    margin-right: 64px; 
}
 .mr6-m {
    margin-right: 128px; 
}
 .mr7-m {
    margin-right: 256px; 
}
  .mb1-m {
    margin-bottom: 4px; 
}
 .mb2-m {
    margin-bottom: 8px; 
}
 .mb3-m {
    margin-bottom: 16px; 
}
 .mb4-m {
    margin-bottom: 32px; 
}
 .mb5-m {
    margin-bottom: 64px; 
}
 .mb6-m {
    margin-bottom: 128px; 
}
 .mb7-m {
    margin-bottom: 256px; 
}
  .mt1-m {
    margin-top: 4px; 
}
 .mt2-m {
    margin-top: 8px; 
}
 .mt3-m {
    margin-top: 16px; 
}
 .mt4-m {
    margin-top: 32px; 
}
 .mt5-m {
    margin-top: 64px; 
}
 .mt6-m {
    margin-top: 128px; 
}
 .mt7-m {
    margin-top: 256px; 
}
  .mv1-m {
    margin-top: 4px;
    margin-bottom: 4px; 
}
 .mv2-m {
    margin-top: 8px;
    margin-bottom: 8px; 
}
 .mv3-m {
    margin-top: 16px;
    margin-bottom: 16px; 
}
 .mv4-m {
    margin-top: 32px;
    margin-bottom: 32px; 
}
 .mv5-m {
    margin-top: 64px;
    margin-bottom: 64px; 
}
 .mv6-m {
    margin-top: 128px;
    margin-bottom: 128px; 
}
 .mv7-m {
    margin-top: 256px;
    margin-bottom: 256px; 
}
  .mh1-m {
    margin-left: 4px;
    margin-right: 4px; 
}
 .mh2-m {
    margin-left: 8px;
    margin-right: 8px; 
}
 .mh3-m {
    margin-left: 16px;
    margin-right: 16px; 
}
 .mh4-m {
    margin-left: 32px;
    margin-right: 32px; 
}
 .mh5-m {
    margin-left: 64px;
    margin-right: 64px; 
}
 .mh6-m {
    margin-left: 128px;
    margin-right: 128px; 
}
 .mh7-m {
    margin-left: 256px;
    margin-right: 256px; 
}
 .na1-m {
    margin: -4px; 
}
 .na2-m {
    margin: -8px; 
}
 .na3-m {
    margin: -16px; 
}
 .na4-m {
    margin: -32px; 
}
 .na5-m {
    margin: -64px; 
}
 .na6-m {
    margin: -128px; 
}
 .na7-m {
    margin: -256px; 
}
 .nl1-m {
    margin-left: -4px; 
}
 .nl2-m {
    margin-left: -8px; 
}
 .nl3-m {
    margin-left: -16px; 
}
 .nl4-m {
    margin-left: -32px; 
}
 .nl5-m {
    margin-left: -64px; 
}
 .nl6-m {
    margin-left: -128px; 
}
 .nl7-m {
    margin-left: -256px; 
}
 .nr1-m {
    margin-right: -4px; 
}
 .nr2-m {
    margin-right: -8px; 
}
 .nr3-m {
    margin-right: -16px; 
}
 .nr4-m {
    margin-right: -32px; 
}
 .nr5-m {
    margin-right: -64px; 
}
 .nr6-m {
    margin-right: -128px; 
}
 .nr7-m {
    margin-right: -256px; 
}
 .nb1-m {
    margin-bottom: -4px; 
}
 .nb2-m {
    margin-bottom: -8px; 
}
 .nb3-m {
    margin-bottom: -16px; 
}
 .nb4-m {
    margin-bottom: -32px; 
}
 .nb5-m {
    margin-bottom: -64px; 
}
 .nb6-m {
    margin-bottom: -128px; 
}
 .nb7-m {
    margin-bottom: -256px; 
}
 .nt1-m {
    margin-top: -4px; 
}
 .nt2-m {
    margin-top: -8px; 
}
 .nt3-m {
    margin-top: -16px; 
}
 .nt4-m {
    margin-top: -32px; 
}
 .nt5-m {
    margin-top: -64px; 
}
 .nt6-m {
    margin-top: -128px; 
}
 .nt7-m {
    margin-top: -256px; 
}
            .f-6-m,
  .f-headline-m {
    font-size: 96px; 
}
 .f-5-m,
  .f-subheadline-m {
    font-size: 80px; 
}
 .f1-m {
    font-size: 48px; 
}
 .f2-m {
    font-size: 36px; 
}
 .f3-m {
    font-size: 24px; 
}
 .f4-m {
    font-size: 20px; 
}
 .f5-m {
    font-size: 16px; 
}
 .f6-m {
    font-size: 14px; 
}
 .f7-m {
    font-size: 12px; 
}
                 
}
@media screen and (min-width: 60em) {

                                .br1-l {
    border-radius: 2px; 
}
 .br2-l {
    border-radius: 4px; 
}
 .br3-l {
    border-radius: 8px; 
}
 .br4-l {
    border-radius: 16px; 
}
            .bw1-l {
    border-width: 2px; 
}
 .bw2-l {
    border-width: 4px; 
}
 .bw3-l {
    border-width: 8px; 
}
 .bw4-l {
    border-width: 16px; 
}
 .bw5-l {
    border-width: 32px; 
}
              .top-1-l {
    top: 16px; 
}
 .left-1-l {
    left: 16px; 
}
 .right-1-l {
    right: 16px; 
}
 .bottom-1-l {
    bottom: 16px; 
}
 .top-2-l {
    top: 32px; 
}
 .left-2-l {
    left: 32px; 
}
 .right-2-l {
    right: 32px; 
}
 .bottom-2-l {
    bottom: 32px; 
}
 .top--1-l {
    top: -16px; 
}
 .right--1-l {
    right: -16px; 
}
 .bottom--1-l {
    bottom: -16px; 
}
 .left--1-l {
    left: -16px; 
}
 .top--2-l {
    top: -32px; 
}
 .right--2-l {
    right: -32px; 
}
 .bottom--2-l {
    bottom: -32px; 
}
 .left--2-l {
    left: -32px; 
}
                                                                                .h1-l {
    height: 16px; 
}
 .h2-l {
    height: 32px; 
}
 .h3-l {
    height: 64px; 
}
 .h4-l {
    height: 128px; 
}
 .h5-l {
    height: 256px; 
}
                    .mw1-l {
    max-width: 16px; 
}
 .mw2-l {
    max-width: 32px; 
}
 .mw3-l {
    max-width: 64px; 
}
 .mw4-l {
    max-width: 128px; 
}
 .mw5-l {
    max-width: 256px; 
}
 .mw6-l {
    max-width: 512px; 
}
 .mw7-l {
    max-width: 768px; 
}
 .mw8-l {
    max-width: 1024px; 
}
 .mw9-l {
    max-width: 1536px; 
}
  .w1-l {
    width: 16px; 
}
 .w2-l {
    width: 32px; 
}
 .w3-l {
    width: 64px; 
}
 .w4-l {
    width: 128px; 
}
 .w5-l {
    width: 256px; 
}
                                          .pa1-l {
    padding: 4px; 
}
 .pa2-l {
    padding: 8px; 
}
 .pa3-l {
    padding: 16px; 
}
 .pa4-l {
    padding: 32px; 
}
 .pa5-l {
    padding: 64px; 
}
 .pa6-l {
    padding: 128px; 
}
 .pa7-l {
    padding: 256px; 
}
  .pl1-l {
    padding-left: 4px; 
}
 .pl2-l {
    padding-left: 8px; 
}
 .pl3-l {
    padding-left: 16px; 
}
 .pl4-l {
    padding-left: 32px; 
}
 .pl5-l {
    padding-left: 64px; 
}
 .pl6-l {
    padding-left: 128px; 
}
 .pl7-l {
    padding-left: 256px; 
}
  .pr1-l {
    padding-right: 4px; 
}
 .pr2-l {
    padding-right: 8px; 
}
 .pr3-l {
    padding-right: 16px; 
}
 .pr4-l {
    padding-right: 32px; 
}
 .pr5-l {
    padding-right: 64px; 
}
 .pr6-l {
    padding-right: 128px; 
}
 .pr7-l {
    padding-right: 256px; 
}
  .pb1-l {
    padding-bottom: 4px; 
}
 .pb2-l {
    padding-bottom: 8px; 
}
 .pb3-l {
    padding-bottom: 16px; 
}
 .pb4-l {
    padding-bottom: 32px; 
}
 .pb5-l {
    padding-bottom: 64px; 
}
 .pb6-l {
    padding-bottom: 128px; 
}
 .pb7-l {
    padding-bottom: 256px; 
}
  .pt1-l {
    padding-top: 4px; 
}
 .pt2-l {
    padding-top: 8px; 
}
 .pt3-l {
    padding-top: 16px; 
}
 .pt4-l {
    padding-top: 32px; 
}
 .pt5-l {
    padding-top: 64px; 
}
 .pt6-l {
    padding-top: 128px; 
}
 .pt7-l {
    padding-top: 256px; 
}
  .pv1-l {
    padding-top: 4px;
    padding-bottom: 4px; 
}
 .pv2-l {
    padding-top: 8px;
    padding-bottom: 8px; 
}
 .pv3-l {
    padding-top: 16px;
    padding-bottom: 16px; 
}
 .pv4-l {
    padding-top: 32px;
    padding-bottom: 32px; 
}
 .pv5-l {
    padding-top: 64px;
    padding-bottom: 64px; 
}
 .pv6-l {
    padding-top: 128px;
    padding-bottom: 128px; 
}
 .pv7-l {
    padding-top: 256px;
    padding-bottom: 256px; 
}
  .ph1-l {
    padding-left: 4px;
    padding-right: 4px; 
}
 .ph2-l {
    padding-left: 8px;
    padding-right: 8px; 
}
 .ph3-l {
    padding-left: 16px;
    padding-right: 16px; 
}
 .ph4-l {
    padding-left: 32px;
    padding-right: 32px; 
}
 .ph5-l {
    padding-left: 64px;
    padding-right: 64px; 
}
 .ph6-l {
    padding-left: 128px;
    padding-right: 128px; 
}
 .ph7-l {
    padding-left: 256px;
    padding-right: 256px; 
}
  .ma1-l {
    margin: 4px; 
}
 .ma2-l {
    margin: 8px; 
}
 .ma3-l {
    margin: 16px; 
}
 .ma4-l {
    margin: 32px; 
}
 .ma5-l {
    margin: 64px; 
}
 .ma6-l {
    margin: 128px; 
}
 .ma7-l {
    margin: 256px; 
}
  .ml1-l {
    margin-left: 4px; 
}
 .ml2-l {
    margin-left: 8px; 
}
 .ml3-l {
    margin-left: 16px; 
}
 .ml4-l {
    margin-left: 32px; 
}
 .ml5-l {
    margin-left: 64px; 
}
 .ml6-l {
    margin-left: 128px; 
}
 .ml7-l {
    margin-left: 256px; 
}
  .mr1-l {
    margin-right: 4px; 
}
 .mr2-l {
    margin-right: 8px; 
}
 .mr3-l {
    margin-right: 16px; 
}
 .mr4-l {
    margin-right: 32px; 
}
 .mr5-l {
    margin-right: 64px; 
}
 .mr6-l {
    margin-right: 128px; 
}
 .mr7-l {
    margin-right: 256px; 
}
  .mb1-l {
    margin-bottom: 4px; 
}
 .mb2-l {
    margin-bottom: 8px; 
}
 .mb3-l {
    margin-bottom: 16px; 
}
 .mb4-l {
    margin-bottom: 32px; 
}
 .mb5-l {
    margin-bottom: 64px; 
}
 .mb6-l {
    margin-bottom: 128px; 
}
 .mb7-l {
    margin-bottom: 256px; 
}
  .mt1-l {
    margin-top: 4px; 
}
 .mt2-l {
    margin-top: 8px; 
}
 .mt3-l {
    margin-top: 16px; 
}
 .mt4-l {
    margin-top: 32px; 
}
 .mt5-l {
    margin-top: 64px; 
}
 .mt6-l {
    margin-top: 128px; 
}
 .mt7-l {
    margin-top: 256px; 
}
  .mv1-l {
    margin-top: 4px;
    margin-bottom: 4px; 
}
 .mv2-l {
    margin-top: 8px;
    margin-bottom: 8px; 
}
 .mv3-l {
    margin-top: 16px;
    margin-bottom: 16px; 
}
 .mv4-l {
    margin-top: 32px;
    margin-bottom: 32px; 
}
 .mv5-l {
    margin-top: 64px;
    margin-bottom: 64px; 
}
 .mv6-l {
    margin-top: 128px;
    margin-bottom: 128px; 
}
 .mv7-l {
    margin-top: 256px;
    margin-bottom: 256px; 
}
  .mh1-l {
    margin-left: 4px;
    margin-right: 4px; 
}
 .mh2-l {
    margin-left: 8px;
    margin-right: 8px; 
}
 .mh3-l {
    margin-left: 16px;
    margin-right: 16px; 
}
 .mh4-l {
    margin-left: 32px;
    margin-right: 32px; 
}
 .mh5-l {
    margin-left: 64px;
    margin-right: 64px; 
}
 .mh6-l {
    margin-left: 128px;
    margin-right: 128px; 
}
 .mh7-l {
    margin-left: 256px;
    margin-right: 256px; 
}
 .na1-l {
    margin: -4px; 
}
 .na2-l {
    margin: -8px; 
}
 .na3-l {
    margin: -16px; 
}
 .na4-l {
    margin: -32px; 
}
 .na5-l {
    margin: -64px; 
}
 .na6-l {
    margin: -128px; 
}
 .na7-l {
    margin: -256px; 
}
 .nl1-l {
    margin-left: -4px; 
}
 .nl2-l {
    margin-left: -8px; 
}
 .nl3-l {
    margin-left: -16px; 
}
 .nl4-l {
    margin-left: -32px; 
}
 .nl5-l {
    margin-left: -64px; 
}
 .nl6-l {
    margin-left: -128px; 
}
 .nl7-l {
    margin-left: -256px; 
}
 .nr1-l {
    margin-right: -4px; 
}
 .nr2-l {
    margin-right: -8px; 
}
 .nr3-l {
    margin-right: -16px; 
}
 .nr4-l {
    margin-right: -32px; 
}
 .nr5-l {
    margin-right: -64px; 
}
 .nr6-l {
    margin-right: -128px; 
}
 .nr7-l {
    margin-right: -256px; 
}
 .nb1-l {
    margin-bottom: -4px; 
}
 .nb2-l {
    margin-bottom: -8px; 
}
 .nb3-l {
    margin-bottom: -16px; 
}
 .nb4-l {
    margin-bottom: -32px; 
}
 .nb5-l {
    margin-bottom: -64px; 
}
 .nb6-l {
    margin-bottom: -128px; 
}
 .nb7-l {
    margin-bottom: -256px; 
}
 .nt1-l {
    margin-top: -4px; 
}
 .nt2-l {
    margin-top: -8px; 
}
 .nt3-l {
    margin-top: -16px; 
}
 .nt4-l {
    margin-top: -32px; 
}
 .nt5-l {
    margin-top: -64px; 
}
 .nt6-l {
    margin-top: -128px; 
}
 .nt7-l {
    margin-top: -256px; 
}
            .f-6-l,
  .f-headline-l {
    font-size: 96px; 
}
 .f-5-l,
  .f-subheadline-l {
    font-size: 80px; 
}
 .f1-l {
    font-size: 48px; 
}
 .f2-l {
    font-size: 36px; 
}
 .f3-l {
    font-size: 24px; 
}
 .f4-l {
    font-size: 20px; 
}
 .f5-l {
    font-size: 16px; 
}
 .f6-l {
    font-size: 14px; 
}
 .f7-l {
    font-size: 12px; 
}
                 
}
 @media screen and (min-width: 1024px) {

    .layout-3-up {
      grid-gap: 64px;
}
               
}
 @media screen and (min-width: 1024px) {

    .layout-2-up {
      grid-gap: 64px; 
}
          
}
.node-basic-page .layout-3-up,
.node-basic-page .layout-2-up {
  grid-gap: 32px; 
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .layout-2-up .column,
  .layout-3-up .column {
    padding-left: 32px;
    padding-right: 32px; 
}
      
}
/*# sourceMappingURL=oswego.style.css.map */