@media (min-width:600px) and (max-width:1024px){
	#flex-programs .flex-viewport {
    min-height: unset;
  }
  .news-date{
    font-size:.6em;
  }
  .news-pg-ttl a {
    font-size: 2em;
    line-height: 1.2em;
  }
  
  .news-wrap{
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
  
  #block-donatebutton a{
    font-size:.7em;
  }
  .page-node-type-page h1.js-quickedit-page-title{
    top:3em;
  }
  
  .fb-frame {
    display: grid;
    justify-items: center;
    align-items: center;
  }
  
  .social-sec {
    display: block;
  }
  
  .news-ttl-sm a{
    line-height:1em;
  }
  .home-news-small .news-image {
    min-width: 200px;
}
  .news-ttl {
    line-height: .9em;
    padding-bottom: 1em;
}
  .news-desc{
    line-height: .9em;
  }
  
  .news-big-item .news-image img {
    max-width: 100%;
    height: auto;
  }
  #flex-programs ol.flex-control-nav.flex-control-thumbs {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    margin-top: -100px;
    min-height: 100px;
}
  .sul-flex-nav-caption {
    padding: 1em;
    line-height: 1em;
    font-size: .9em;
}
  #flex-programs .flex-viewport ul li a{
    top:20%;
  }
  #flex-programs .flex-viewport ul li p{
    line-height:1em;
    top:25%;
  }
  .events--h-grid{
    display:block;
  }
  .wp-block-button a.wp-block-button__link{
    background:white;
  }
  .wp-block-columns {
    display: block;
  }
  
  .path-frontpage h2.home-ttl{
    top:30%;
  }
  .news-big {
    max-width: 1000px;
  }
  .home-news-big {
    padding: 0.5em;
  }
  .home-news-small {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  
  #block-views-block-heroslider-block-1 {
      max-height: 450px;
    }
    
    #block-sulmain-content p {
      margin: 0 1em;
      line-height:unset;
  }
  .sul-his1{
    margin-top:0;
  }
  
  .field.field--name-body.field--type-text-with-summary h2, h3, h4 {
      margin: 0.5em 0.4em 0.2em;
      line-height:1em;
  }
  
  
  body.vp-center {
      display: block;
  }
  
  #block-views-block-heroslider-block-2, #block-views-block-heroslider-block-6 {
      min-height: unset;
  }
  
  nav.breadcrumb {
      max-width: 95%;
  }
  
  .page-node-type-page h1 {
      top: 10%;
  }

}

@media (max-width:599px){

.page-node-559 #block-sulmain-page-title h1 {
    font-size: 7vw;
    max-width: 100%;
    top: 41vw;
}
	
	#flex-programs .flex-viewport {
    min-height: 350px;
}

div#block-genericbanner{
    min-height: 250px;
 }
 
	.field.field--name-field-media-image.field--type-image.field--label-visually_hidden.field__items {
    text-align: center;
  }
  
	.btn a {
    padding: 0.4em;
	}
	
	.vp-center {
    display: block !important;
	}
	
.header-menu > div:first-child {
    z-index: 10;
    max-width: 200px;
	}
	
.sf-accordion-toggle span {
  display: none; /* hide the "Main navigation" label */
}

.sf-accordion-toggle a {
  display: flex;
  align-items: center;
}

.sf-accordion-toggle a i {
  margin-right: 5px;
}

.sf-accordion-toggle a::before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.5em;
  margin-right: 5px;
}


.path-taxonomy div#block-sulmain-page-title h1 {
    font-size: 10vw;
    top: 22vw;
}

	.grid3{
		grid-template-columns:1fr;
	}
	
  .webform-submission-form input.form-radio {
    width: unset;
  }
  
  .webform-submission-form input, textarea {
    width: 100%;
  }
  
  .fb-frame iframe {
    padding: 0;
    margin: 2em;
    display: block;
}
  	.calendar-calendar td, th {
	    display: block;
	    width: 100% !important;
		}
		
		.views-exposed-form-event-calendar2-page-3 .calendar-calendar td, th {
	    display: table-cell;
		}
		
	.calendar-calendar	thead {
	    display: none;
	  }
	.calendar-calendar	td.empty {
	    display: none;
	  }
  h3{
    line-height: 1em;
  }
  
  .path-taxonomy .layout-content {
    margin: 0;
  }
  
  ul.links.inline {
    margin: 0 1em 2em;
}
  .path-taxonomy h2{
    margin: 1em 1em 0;
    font-size: 5vw;
  }
  
  .views-view-grid .views-col {
      width: 100% !important;
  }
  
  .sf-expanded > .sf-with-ul {
    border: 1px solid white;
}
  .chtc-prog-grid h3 {
    line-height: .8em;
    padding: 0;
  }
  
  .chtc-prog-grid {
    display: block;
    padding: 0 1em;
}
 .flexslider .slides .chtc-logo.center img {
    max-width: 350px;
  }
  
  input#edit-submit {
    font-size: 4vw;
  }
  
  select {
    max-width: 100%;
  }
  
  form.webform-submission-form {
    padding: 1em;
}
  .accordion .accordion-header h3 {
    font-size: 4vw;
  }
  
  div#block-genericbanner:before{
    bottom:0;
  }
  
  #block-genericbanner {
    max-height: 270px;
  }
  .layout-container th, .layout-container td {
    padding: 10px;
    min-width: 100px;
  }
  .event-list {
    overflow-x: auto;
  }
  
  .program-grid {
    grid-template-columns: 1fr;
    padding: 1em;
  }
  
  .copyright {
    margin-top: 5vw;
  }
  .footer-wrap {
    padding: 1em 2em;
  }
  body.vp-center {
    justify-content: unset;
  }
  
  nav.breadcrumb {
    padding: 0 1em;
}

  .field.field--name-body.field--type-text-with-summary h2, h3, h4 {
    padding: 0 0.5em;
  }
  
  #block-views-block-heroslider-block-2, #block-views-block-heroslider-block-6 {
    min-height: 270px;
  }
  
  .page-node-type-page h1.js-quickedit-page-title {
    font-size: 10vw;
    top: 20vw;
    line-height: 9vw;
  }
  
  div#block-sulmain-page-title h1 {
    z-index: 2;
    font-size: 10vw;
    top: 22vw;
    line-height: 9vw;
    max-width: 95%;
  }

  .flexslider .slides img {
    max-height: 270px;
    width: auto;
    max-width: unset;
  }
  
  ul#superfish-main-accordion {
    margin-top: 2.5em;
  }

  #block-sulmain-branding {
      margin: 1em;
  }
  
  .sf-accordion-toggle.sf-style-none {
      float: right;
  }

	
	.header-menu > div:first-child {
	    display: grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    padding: 1vw;
	    position: absolute;
	}
  
  .sul-logo img {
    max-width: 250px;
  }
  
  #block-mainnavigation {
    margin: 0;
    padding: 0 1em;
    z-index: 99999;
    top: 0;
}
  .pricing-table {
    grid-template-columns: 1fr;
}
  .wp-block-button a.wp-block-button__link {
    background-color: white;
  }
  
  .page-node-type-page header p a {
    color: #bf1e2e;
  }
  
  #block-donatebutton a{
    font-size:.8em;
  }
  
  .news-date{
    font-size: 3vw;
  }
  
  .news-ttl-sm a {
    line-height: 1em;
  }
  
  .news-desc {
    display: none;
  }
  
  .wp-block-cover, .wp-block-cover-image {
    padding:0;
  }
  
  .sul-his-photos {
    margin-left: 1em;
  }
  
  .news-ttl {
    font-size: 1em;
    bottom: 15px;
    line-height: 1em;
}

  .sul-his2 {
    max-width: 300px;
    margin-top:90px;
    left:0;
    right:unset;
  }
  
  .sul-his1 {
    max-width: 320px;
    margin-top: 1em;
}
  
  .chtc-tag, .event-desc, .event-month {
    font-size: 4vw;
  }
  
  .event-day {
    font-size: unset;
  }
  
  .stats {
    grid-template-columns: 1fr;
  }
  
  .stat-item {
    margin: 0 auto;
  }
  
  .social-sec {
    grid-template-columns: 1fr;
    padding: 1em;
    margin-top: 1000px;
    padding: 5em 1em;
  }
  .social-sec iframe {
    margin:0;
  }
  .footer-wrap {
    display:block;
  }
  .news-image a img {
    max-width: 300px;
    height: auto;
  }
  .home-news-big {
    padding: 1em;
  }
  
  #flex-programs .flex-viewport ul li p {
    top: 50%;
    width: 100%;
    left: unset;
    line-height: 4vw;
  }

  #flex-programs .flex-control-thumbs li {
    display: none;
  }
  #flex-programs .flex-viewport ul li a {
      font-size: 8vw;
      line-height: 8vw;
      top:20%;
  }
  .program-slide-wrap p {
    font-size: 4vw;
  }
  #block-views-block-heroslider-block-1 {
    max-height: 35vh;
  }
  #flexslider-1 li.flex-active-slide {
    min-height:unset;
  }
  .path-frontpage h2.home-ttl {
    top: 50%;
  }
  .wp-block-columns {
    display: block;
  }
  h2, .wp-block-columns h2 {
    font-size: 11vw;
  }
  #block-sulmain-content p {
    line-height: unset;
    padding: 0 1em;
  }
}

@media (min-width:1355px) and (max-width:1535px){
	ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 1em 1em;
	}
	
	ul.sf-menu .sf-with-ul {
    padding-right: 2em;
  }
}

@media (min-width:1165px) and (max-width:1355px){
	ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: 1em .5em;
	}
	
	#block-mainnavigation a {
    font-size: .9em;
	}
}

@media (min-width:729px) and (max-width:1164px){
	#block-mainnavigation a {
    font-size: .5em;
	}
	ul.sf-menu a, ul.sf-menu span.nolink {
    padding: 1em 0.5em;
  }
  #flex-programs .flex-viewport {
    min-height: 900px;
}
}

@media (min-width:1162px) and (max-width:1280px){
#flex-programs .flex-viewport {
    min-height: 1000px;
  }
}

@media (min-width:727px) and (max-width:1018px){
#flex-programs .flex-viewport {
    min-height: 600px;
  }
}


@media (min-width:2000px){
  img.sul-his3 {
    max-width: 850px;
  }
    img.sul-his1 {
    max-width: 1000px;
  }
      img.sul-his2 {
    max-width: 1000px;
  }
  .path-frontpage h2.home-ttl{
    top:55%;
  }
}