/* SWIPER */

#slidesContainer {
	background-color: white;
}

.swiper {
	min-height: 220px;
	width: calc(100% - 40px);
}

.swiper table {
	padding-left: 100px;
	padding-right: 100px;
	width: calc(100% - 40px) !important;
}

/* Limit width because they use a lot of text */
.swiper table td img {
	padding-top: 18px;
	max-height: 150px;
	max-width: 400px;
}

.swiper-button-next,
.swiper-button-prev {
	color: var(--sky);
}

.swiper-button-prev {
	left: 0
}

.swiper-button-next {
	right: 0
}

.swiper h3 {
	font-family: Lato;
	font-size: 16pt;
	color: var(--sea);
	margin-bottom: 0;
}
.swiper p {
	font-size: 13pt;
	color: var(--atmosphere);
}

.swiper table td {
	padding: 20px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0 !important;
	cursor: none !important;
}

#award {
	width: 960px;
	background-color: #fff;
	margin-left: 0
}

#award p {
	float: right;
	margin: 30px 170px 0 0;
	font-size: 12px;
	color: #555658
}

#award img {
	float: left;
}

#awardInfo {
	width: 960px;
	background-color: #ececec;
	margin-left: 40px;
	padding: 0
}

#awardInfo p {
	color: #555658;
	font-size: 12px
}

#award .vertical_rule {
	width: 1px;
	height: 114px;
	background-color: #f8a12a;
	position: absolute;
	margin-left: 308px;
	margin-top: 10px
}

/* new layout */
.award-row {
	display: flex;
	flex-wrap: wrap;
	margin: 46px 80px;
}

.swiper .award-image-container {
	max-width: 400px;
	margin-right: 20px;
}

.swiper .award-image-container img {
	margin-top: 21px;
	max-width: 400px;
	padding-right: 20px;
}

.swiper .award-text-container {
	width: calc(100% - 420px);
}

/* DO THIS OR THE SWIPER STAYS WIDE AT 1280 PX */
@media screen and (max-width: 1280px) {
	#main-content {
		display: block;
	}
}

/* SWIPER MOBILE */
@media screen and (max-width: 801px) {
    .swiper {
        width:100%;
	    height: fit-content;
    }

	.swiper table {
		padding-left: 40px;
		padding-right: 40px;
		margin: auto;
	}

	.swiper td {
		display: block;
	}

	.swiper td:first-child {
		text-align: center;
	}

	.swiper table td img {
		max-height: 150px;
	    max-width: 300px;
	    height: unset;
	    width: 100%;
	}

}


@media screen and (max-width: 500px) {
	.swiper-button-next::after {
		margin-right: 20px;
	}
	
	.swiper-button-prev::after {
		margin-left: 20px;
	}
}










@media screen and (max-width: 600px) {
	#awards {
		padding: 0;
	}
	#awards .award-row {
		display: block;
		width: 200px;
		margin: 0 46px;
	}
	#awards .swiper .swiper-slide div img {
		margin-top: 21px;
		max-height: 100px;
		min-height: 90px;
		padding-right: 20px;
	}
	
	.swiper table td {
		padding: 20px 0;
		width: calc(100% - 20px);
		margin: auto;
	}
		.swiper table td img {
		max-height: unset;
	    max-width: unset;
	}
}