.container-max-940px {
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.container-max-1130px {
	max-width: 1130px;
	margin-left: auto;
	margin-right: auto;
}

.container-max-1920px {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

.disclaimer {
	color: #969696;
	font-style: italic;
	font-size: 12px;
}

.font-size-2 {
    font-size: 2rem;
}

.font-size-3 {
    font-size: 3rem;
}

.font-size-4 {
    font-size: 4rem;
}

.font-size-5 {
    font-size: 5rem;
}

.gradient-product-banner {
    background-image: url('/img/gradient-product-1920.png'); /* The path to your image */
}

.graphics-who-banner {
    background-image: url('/img/graphics-who-1920.png'); /* The path to your image */
}

/* When using this class, include a display size for padding-top property */
.img-fluid-span {
    display: block; /* Changes the span to a block-level element */
    width: 100%;    /* Takes the full width of its parent */
    height: 0;      /* Sets initial height to 0 to use padding for aspect ratio */
	padding-top: 31%; /* 1920x600 is a 31% ratio */
    background-size: cover; /* Makes the image cover the entire span area */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image tiling */
}

.main-header {
	font-size: 3rem;
}

.min-height-400 {
	min-height: 400px;
}
  
.olive-oil-words-banner {
    background-image: url('/img/olive-oil-words-1920.png'); /* The path to your image */
}

.plane-banner {
    content: '';
    background-image: /*linear-gradient(rgba(84, 206, 96, 0.5), rgba(0, 74, 173, 0.5)),*/
        url('/img/plane.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;  
}

/* Tablet breakpoint */
@media (min-width: 768px) {
	.gradient-product-banner {
		background-image: url('/img/gradient-product-2500.png'); /* The path to your image */
	}
	
	.graphics-who-banner {
		background-image: url('/img/graphics-who-2500.png'); /* The path to your image */
	}

	.img-fluid-span {
		padding-top: 16%; /* 2500x400 is a 25:4 ratio aka should be at 16% on larger screens */
	}

	.main-header {
		font-size: 4rem;
	}

	.olive-oil-words-banner {
		background-image: url('/img/olive-oil-words-2500.png'); /* The path to your image */
	}
}

/* Large desktop breakpoint */
@media (min-width: 1200px) {
	.main-header {
		font-size: 5rem;
	}
}