biobulkbende.org/app/assets/scss/modules/_how-it-works.scss

.how-it-works{
	margin: 50px 0px;

	strong {
		font-weight: 800;
	}

	&--atSmall-centered{
		text-align: center;

		@include atLarge{
			text-align: left;
		}
	}

	&--atSmall-t-margin{
		margin-top: 70px !important;

		@include atSmall{
			margin-top: 20px;
		}

		@include atLarge{
			margin-top: 100px;
		}
	}

	&--centered{
		position: absolute;
		top: 0px;
		width: 100%;
		text-align: center;
	}

	&--t-margin{

		@include atSmall{
			margin-top: 10px;
		}

		@include atMedium{
			margin-top: -45px;
		}
	}

	&__last-section{
		padding: 100px 0px 50px 0px;
		background-color: rgba(white,0.9);
	}

	p{
		font-weight: 300;
		line-height: 1.25;
		margin: 0;
		font-size: 1.2rem;

		@include atMedium{
			margin: 0 0 1.8rem 0;
			font-size: 1.4rem;
		}
	}

	&__title{
		font-weight: 300;
		font-size: 1.7rem;
		margin-bottom: 45px;

		@include atMedium(){
			margin-top: 10px;
			font-size: 2.1rem;
		}
		
	}

	&__img{
		display: none;

		@include atLarge{
			display: inline-block;
		}
	}

	&__icon--1{
		width: 150px;

		@include atMedium{
			width: 200px;
		}

		@include atLarge{
			width: 225px;
			margin-left: 80px;
		}
	}

	&__icon--2{
		width: 130px;
		margin-right: .8rem;
		margin-bottom: -45px;
	}

	&__icon--3{
		width: 130px;
		margin-right: .8rem;
		margin-bottom: -35px;
	}


	&__icon--4{
		width: 100px;
		margin-bottom: -30px;
		margin-right: 20px;
	}
}