@media screen and (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis: 100% !important;
  }
}



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


}




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

  /* header */
  #main-header,
  #main-header .container {
    height: 18vw !important;
  }
  #page-container {
    padding-top: 18vw !important;
  }
  #main-header.et-fixed-header,
  #main-header.et-fixed-header > .container {
  	height: 60px !important;
  }
  .sticky-header #page-container {
    padding-top: 60px !important;
  }

  /* home */
  .home .soliloquy-container .soliloquy-image {
  	height: 40vw !important;
  }
  .home #left-area .intro-text {
    padding: 4vw 0;
  	font-size: 2.86vw;
  }

}





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

  /* header */
  #main-header,
  #main-header .container {
    height: 140px !important;
  }
  #page-container {
    padding-top: 140px !important;
  }
  #main-header.et-fixed-header,
  #main-header.et-fixed-header > .container {
  	height: 60px !important;
  }
  .sticky-header #page-container {
    padding-top: 60px !important;
  }

  /* global */
  #main-content {
    font-size: 20px;
  }
  #left-area .full-width > .inner {
  	padding: 70px 0;
  }
  figcaption,
  .wp-block-image figcaption,
  .figcaption,
  #left-area p.hero-caption {
  	bottom: 0;
  	right: auto !important;
  	left: 0;
    background: rgba(0,0,0,.7);
    padding: 0 5px 0 12px;
  	font-size: 12px;
  }
  .soliloquy-container .soliloquy-prev,
  .soliloquy-container .soliloquy-next {
    display: block !important;
    background-color: transparent !important;
  }
  .soliloquy-container .soliloquy-prev:hover,
  .soliloquy-container .soliloquy-next:hover {
    background-color: rgba(0,0,0,.5) !important;
  }
  #main-header.et-fixed-header,
  #main-header.et-fixed-header > .container {
    height: 60px;
  }
  #main-header.et-fixed-header #logo {
  	height: 40px;
  }
  #top-menu a {
    font-size: 17px;
  }

  /* footer */
  #main-footer > .container {
  	padding: 70px 0 50px;
  }
  #footer-widgets .footer-widget .widget_media_image {
    margin: 0;
  	width: 70% !important;
  }
  #footer-widgets .footer-widget:first-child {
    width: 34%;
    margin-right: 3%;
  }
  #footer-widgets .footer-widget:nth-child(2) {
    width: 50%;
    margin-right: 3%;
    padding-top: 48px;
  }
  #footer-widgets .footer-widget:last-child {
    width: 10%;
    padding-top: 20px;
  }
  #footer-widgets .footer-widget:last-child .widget_block:first-child,
  #footer-widgets .widget_nav_menu {
  	margin-bottom: 10px !important;
  }
  #footer-widgets .footer-widget:last-child * {
  	font-size: 16px;
    line-height: 1.3;
  }
  #footer-widgets .footer-widget:last-child .widget_block:first-child span:nth-of-type(n+2),
  #footer-widgets .footer-widget .widget_nav_menu li:nth-of-type(n+2) {
  	margin-left: 12px;
  	padding-left: 12px;
  }
  #footer-widgets .footer-widget:last-child .widget_block:first-child span {
    display: inline-block;
    margin-top: 10px;
  }
  #footer-widgets .footer-widget:last-child .widget_block:last-of-type {
  	margin-top: 0;
  }
  #footer-widgets .footer-widget:last-child small br {
    display: none;
  }

  /* home */
  #main-content #left-area .intro-text {
    margin-top: 0;
  }

}






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

  /* header */
  .et_search_form_container {
		right: 0;
	}

}








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


}











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

  /* structure */
  .container {
  	width: 100%;
  }

  /* global */
  .top-level:not(.home) #main-content > .container:first-child,
  .archive #main-content > .container:first-child,
  .home #left-area .inner,
  .top-level #left-area .full-width > .inner,
  .single-post #left-area .full-width > .inner,
  .soliloquy-viewport > .inner {
    width: 100%;
		margin: 0 auto;
	}
  #left-area .full-width > .inner {
    margin: 0 auto;
  }

  /* header */
  #main-header > .container {
  	padding: 12px 0;
  }
  #top-menu li,
  .et-fixed-header #top-menu li {
  	font-size: 17px;
  }
  .et_header_style_left #et-top-navigation {
  	padding-top: 82px;
  }

  /* homepage */
  .home #left-area .intro-text {
  	font-size: 28px;
  }

}



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


}