/* =====================================================================
   SECTION
   ===================================================================== */

	.srif-section {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.srif-section--no-bottom {
		padding-bottom: 0px;
	}

	.srif-section--white {
		background-color: var(--color-white);
	}

	.srif-section--surface {
		background-color: var(--color-surface);
	}

	.srif-section--navy {
		background-color: var(--color-navy-blue);
	}

	.srif-section--narrow {
		max-width: 750px;
	}

	.srif-section--venue {
		background: url('../../images/pages/mainpage/venue.jpg') center 40% / cover no-repeat;
	}


/* =====================================================================
   RESPONSIVE
   ===================================================================== */

@media screen and (max-width: 1400px) {
	
	.srif-section {
		padding-top: 100px;
		padding-bottom: 100px;
	}

}

@media screen and (max-width: 1200px) {

	.srif-section {
		padding-top: 80px;
		padding-bottom: 89px;
	}

}


@media screen and (max-width: 992px) {

	.srif-section {
		padding-top: 70px;
		padding-bottom: 70px;
	}

}

@media screen and (max-width: 768px) {
  	
	.srif-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

}

@media screen and (max-width: 576px) {

	.srif-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}

}