@media all and (max-width : 1228px) {

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

.layout {
	margin-left: 16px;
	width: calc(100% - 32px);
}

.blank {
	display: none;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

header {
	width: 100%;
}

.header-left {
	margin-right: 0px;
	width: 100%;
}

.header-grid > * {
	height: auto;
}

.header-grid .six-columns,
.header-grid .two-columns {
	background-image: url() !important;
}

.header-grid .four-columns {
	height: 65px;
}

.header-grid .two-columns {
	position: absolute;
	right: 16px;
	top: 32px;
}

.logo {
	margin-top: 0px;
}

header .search {
	height: auto;
	margin-top: 28px;
	width: 24px;
}

/*--------------------------------------------------------------
Hamburger
--------------------------------------------------------------*/

.hamburger > div {
	height: 1px;
	margin-bottom: 5px;
	width: 32px;
}

.menu-active > div:nth-of-type(3) {
	margin-top: -6px;
}

/*--------------------------------------------------------------
Grid
--------------------------------------------------------------*/

.block-content > * {
	align-self: start;
}

.grid-profile-layout > * {
	align-self: start !important;
}

.one-column,
.two-columns,
.three-columns,
.four-columns,
.five-columns,
.six-columns,
.seven-columns,
.eight-columns,
.nine-columns,
.ten-columns,
.eleven-columns {
	grid-column: auto / span 12;
}

.border-bottom-grid {
	height: auto !important;
	margin-bottom: 0px !important;
}

.border-bottom-grid:last-of-type {
	margin-bottom: 22px !important;
	margin-top: 0px !important;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.six-column-post h2,
.six-column-post p,
.four-column-full-post,
.grid-event-details .events-list-event,
.main-grid-content-half-right,
.main-grid-content-half,
.grid-profile img {
	width: 100% !important;
}

.person-responsibilities,
.person-subhead {
	height: auto;
}

/*--------------------------------------------------------------
Folio Swiper
--------------------------------------------------------------*/

.swiper-section {
	height: 90vh;
}

.swiper-container {
	margin: 24px 0px 0px 16px;
	width: calc(100% - 32px);
}

.swiper-section .swiper-slide img {
	height: auto;
	max-height: 90vh;
	width: 100%;
}

/*--------------------------------------------------------------
Events
--------------------------------------------------------------*/

#month-header {
	width: 50%;
}

#calendar #next {
	margin: 2px 0px 0px 6px;
}

.event-name-time {
	margin-left: 104px;
	width: calc(100% - 104px);
}

.event-name-time.first {
	margin-left: 0px;
}

.event-name {
	width: 100%;
}

.event-time {
	float: left;
	margin-top: 0px;
	width: 100%;
}

.event-button {
	float: left;
	margin: 0px 1px 12px 0px;
}

.start-time {
	display: none;
}

/*--------------------------------------------------------------
Single Event
--------------------------------------------------------------*/

.event-details-section br br {
	height: auto;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

.why-join-aia img {
	height: 88px !important;
	margin-bottom: 16px;
	width: 88px !important;
}

}