.srif-why-attend {
	background-color: var(--color-surface);
	padding: 100px 0px 100px 0px;
}

.srif-why-attend__header {
	color: var(--color-turquoise);
	font-size: 32px;
	font-weight: 700;
	margin-left: 100px;
}

.srif-why-attend__text {
	color: var(--color-navy-blue);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	margin: 20px 100px 0px 150px;
}	


@media screen and (max-width: 1400px) {
    
	.srif-why-attend {
		padding: 80px 0px 80px 0px;
	}

	.srif-why-attend__header {
		margin-left: 80px;
	}
	

	.srif-why-attend__text {
		margin: 16px 80px 0px 120px;
	}	

}

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

  	.srif-why-attend {
		padding: 40px 0px 40px 0px;
	}

	.srif-why-attend__header {
		margin-left: 40px;
	}
	
	.srif-why-attend__text {
		margin: 12px 60px 0px 90px;
	}

}

@media screen and (max-width: 992px) {
	
	.srif-why-attend__text {
		margin: 8px 40px 0px 60px;
	}	

}

@media screen and (max-width: 768px) {
	
	.srif-why-attend__text {
		margin: 4px 20px 0px 40px;
	}	

}