/* =====================================================================
   TITLE
   ===================================================================== */

	.srif-title {
		font-size: 32px;
		font-weight: 600;
		color: var(--color-navy-blue);
		line-height: 1.2;
	}

	.srif-title--small {
    	margin-top: 25px;
    	font-size: 25px;
	}

	.srif-title--thin {
		font-size: 25px;
		font-weight: 500;
	}

	.srif-title--left {
		text-align: left;
	}

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

	.srif-accent {
		color: var(--color-turquoise);
	}


/* =====================================================================
   TEXT
   ===================================================================== */

	.srif-text {
		margin-top: 25px;
		font-size: 16px;
		font-weight: 500;
		color: var(--color-navy-blue);
	}

	.srif-text--small {
    	margin-top: 15px;
    	font-size: 15px;
	}

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

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

	.srif-text--left {
		text-align: left;
	}


/* =====================================================================
   LINK
   ===================================================================== */
        
    .srif-link {
	    color: var(--color-turquoise);
	    text-decoration: none;
    }


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

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

		.srif-title {
			font-size: 30px;
		}

		.srif-title--small, .srif-title--thin{
			font-size: 24px;
		}

		.srif-text {
			font-size: 15px;
		}

	}

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

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

		.srif-title {
			font-size: 28px;
		}

		.srif-title--small, .srif-title--thin {
			font-size: 23px;
		}

		.srif-text {
			font-size: 14px;
		}

		.srif-rounded-icon-wrapper {
    		width: 180px;
    		height: 180px;
    		border-radius: 90px;
			padding: 40px;
		}


		.srif-rounded-icon-wrapper__image {
    		width: 90px;
    		height: 90px;
		}

		.srif-rectangle-button {
    		width: 115px;
    		height: 30px;
    		font-size: 14px;
		}

		.srif-rectangle-button--large {
    		width: 190px;
			height: 40px;
			font-size: 16px;
		}

	}


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

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

		.srif-title {
			font-size: 26px;
		}

		.srif-title--small, .srif-title--thin {
			font-size: 22px;
		}
	
	}

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

		.srif-title {
			font-size: 24px;
		}

		.srif-title--small, .srif-title--thin {
			font-size: 21px;
		}

	}

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

		.srif-title {
			font-size: 22px;
		}

		.srif-title--small, .srif-title--thin {
			font-size: 20px;
		}

	}