@media (max-width: 1280px)
{
	
	.wrapper {
		width: auto;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.page-header {
		height: calc(33vw - 20px);
		min-height: 200px;
	}
	
	.text-container--smaller {
		padding: 60px;
	}
}


@media (max-width: 991px)
{
	
	.clear-responsive {
		display: block;
		clear: both;
	}
	
	.header-nav {
		display: none;
		position: fixed;
		width: auto;
		height: auto;
		left: 0;
		right: 0;
		background: #00AA8C;
		overflow: hidden;
		top: 80px;
		min-height: calc(100vh - 80px);
		z-index: 110;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.header.is-absolute .header-nav {
		position: absolute;
	}
	.header-nav.is-visible {
		display: block;
	}
	.header-nav ul {
		width: auto;
		height: auto;
		padding:  50px 20px 20px 20px;
		margin: 0;
	}
	.header-nav ul li {
		display: block;
		width: auto;
		height: auto;
		list-style: none;
		text-align: center;
	}
	.header-nav > ul > li.home {
		display: block;
	}
	.header-nav ul li a {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		text-align: center;
		margin: 0 0 28px 0;
		min-height: 32px;
		padding: 10px;
		line-height: 24px;
		font-size: 22px;
		font-weight: 700;
		color: #fff;
		text-decoration: none;
		transition: all 300ms ease;
	}
	.header-nav > ul > li.active a {
		text-decoration: underline;
	}
	
	
	.index-page-header {
		height: calc(60vw - 20px);
		min-height: 200px;
	}
	
	.page-header {
		height: auto;
	}
	.page-header-image {
		width: auto;
		float: none;
		height: 50vw;
	}
	.page-header-text {
		width: auto !important;
		float: none !important;
	}
	
	.card-image {
		height: calc(30vw - 20px);
	}
	
	.image-card {
		height: calc(30vw - 20px);
	}
	.image-card--large {
		height: calc(50vw - 20px);
	}
	
	.text-container {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.square-image {
		min-height: calc(80vw - 90px);
	}
	
	.image-slider {
		height: calc(70vw - 40px);
	}
	.image-slider-item {
		height: calc(70vw - 40px) !important;
	}
	
	
	.text-box h1,
	.text-box h2 {
		font-size: 52px;
	}
	.text-box h3 {
		font-size: 48px;
	}
	
	.page-header--news h1,
	.page-header--interview h1,
	.page-header--news h2,
	.page-header--interview h2 {
		font-size: 36px !important;
	}
	h1.news-title {
		font-size: 38px !important;
	}
	
	.column-container {
		column-count: 1;
	    column-gap: 0;
	}
}



@media (max-width: 767px)
{
	.header-nav ul li a {
		margin-bottom: 20px;
	}
	.text-container {
		padding: 25px;
	}
	
	.card-image {
		height: calc(60vw - 20px);
	}
	
	
	.index-page-header-title {
		font-size: 40px !important;
	}
}




@media (max-width: 575px)
{
	.text-box h1,
	.text-box h2 {
		font-size: 35px;
	}
	.text-box h3 {
		font-size: 33px;
	}
	.text-box h4 {
		font-size: 24px;
	}
	.text-box h4.larger {
		font-size: 24px;
	}
	.text-box h5 {
		font-size: 22px;
	}
	
	.page-header--news h1,
	.page-header--interview h1,
	.page-header--news h2,
	.page-header--interview h2,
	h1.news-title {
		font-size: 30px !important;
	}
	
	.card-section {
		padding: 20px;
	}
	
	.side-image-card-image {
		width: 100px;
	}
	.side-image-card-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.image-card {
		height: calc(60vw - 20px);
	}
	
	.page-header-text {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.post-icon {
		max-width: 70px;
		max-height: 70px;
	}
	
}




@media (max-width: 500px)
{
	
	.post-button .button {
		font-size: 14px;
	}
	
	
	.form-input--search {
		width: 190px;
	}

	
}