/* ---------------------------------------------------
    BODY
----------------------------------------------------- */

@media screen and (min-width: 375px) and (max-width: 400px) {
	
	.alinea.slogan h2 {
		font-size: 3em;
	}
	
	.alinea.merchandise h2 {
		font-size: 3em;
	}
	
	.alinea.slogan h1 {
		font-size: 3em !important;
	}
}

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


	h1 {
		font-size: 2.5em;
	}
	
	h2 {
		font-size: 1.75em;
	}
	
	p {
		font-size: 1.1em;
	}
	
	.alinea.slogan h2 {
		font-size: 4em;
	}
	
	.alinea.merchandise h2 {
		font-size: 4em;
	}
	
	.alinea.slogan h1 {
		font-size: 4em !important;
	}
	
	header .media img {
		height: 200px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 2em;
	}
	
	.intro__wrapper .content {
		padding: 30px;
		max-width: none;
	}	
	
	.identifier h3 {
		font-size: 1.5em;
	}
	
	h3 {
		font-size: 1.25em;
	}
	
	.column__wrapper .card p {
		font-size: 22px;
	}
	
	#searchForm {
		padding: 30px;
		width: 100%;
	}	
	#searchForm.bgMidgrey_fluid::after {
		width: 100%;
	}	
	
	.sideimg__wrapper .content {
		padding: 30px;
		max-width: none;
	}	
	.sideimg__wrapper .cols {
		column-count: 1;
		column-gap: none;
	}	
	
	.usp__wrapper .content {
		padding: 30px;
	}	
	.usp__wrapper .usps {
		padding: 30px;
	}
	
	.splide__slide {
		width: 100% !important;
	}
		
	.banner__wrapper img {
		height: 150px;
		object-fit: cover;
		width: 100%;
	}
	.banner__slide__wrapper img {
		height: 200px;
		object-fit: cover;
		width: 100%;
	}
	.banner__slide__wrapper .carousel-control-next, .carousel-control-prev {
		top: 40%;
	}
	
	.contentblock_alinea .outer-circle {
		height: 300px;
		width: 300px;
	}
	.contentblock_alinea .inner-circle {
		height: 200px;
		width: 200px;
	}
	.contentblock_alinea .inside-content {
		height: 100px;
		width: 100px;
	}
	.contentblock_alinea i {
		font-size: 3em;
	}
	
	.brandlogos__wrapper .brandlogo img {
		height: 30px;
	}
			
	footer section.footy-bottom li a {
		margin-right: 3rem;
	}
	
	.column__wrapper h2 {
		font-size: 2em;
	}
	.column__wrapper .card h3 {
		font-size: 1.5em;
	}
	
	.alinea__wrapper h2 {
		font-size: 1.75em;
	}
	
	section.navigation img.navlogo {
		height: 30px;
	}
	.btn1 {
		font-size: 1.5em;
	}	
	.btn2 {
		font-size: 1.5em;
	}	
	.btn3 {
		font-size: 1.5em;
	}	
	.btn4 {
		font-size: 1.5em;
	}	
	
	a.sticky-icon {
		width: 80px;
		height: 80px;
		padding: 10px 16px;
		border-radius: 70px;
		position: fixed;
		bottom: 25px;
		right: 25px;
		background-color: #ffe100;
		border: 5px solid #111;
		z-index: 500;
		display: flex;
		flex-direction: column;
		color: #111;
		text-transform: uppercase;
		font-size: 15px;
		line-height: 21px;
		justify-content: center;
	}
	
	a.sticky-icon span.icon {
		font-size: 2.25rem;
	}	

}




/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

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

	.brandlogos__wrapper .brandlogo img {
		height: 40px;
	}
	
	.column__wrapper .card > .card-zoom {
		min-height: 200px;
	}
	.column__wrapper .card-body {
		padding: .5rem 1rem 1rem 1rem;
	}
	.column__wrapper .card h3 {
		font-size: 1.5em;
	}
	.column__wrapper .card p {
		font-size: 1.1em;
	}	
	.column__wrapper .card span.details {
		font-size: 1.15em;
	}
	
	a.card:hover span.link-text {
		margin-left: 56%;
	}		
}


/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

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

	header div.col-lg-4 .btn-green {
		font-size: 24px;
	}
	header div.col-lg-4 .btn-yellow {
		font-size: 24px;
	}
	
	/* homepage */
	
	.alinea.intro .btn-order {
		font-size: 1.25em;
	}
	
	.alinea.slogan h1 {
		font-size: 4em;
	}
	.alinea.slogan h3 {
		font-size: 2em;
	}
	.alinea img.sidebar_script {
		height: 340px;
	}
	.alinea.intro h2 {
		font-size: 4.5em;
	}
	
	.alinea.intro h3 {
		font-size: 1.5em;
		text-transform: uppercase;
	}
	
	.alinea.reviews h2 {
		font-size: 3em;
		line-height: 1em;
	}
	
	.alinea.slogan h2 {
		font-size: 3em;
	}
	
	.alinea.menu h2 {
		font-size: 4.5em;
		text-transform: uppercase;
		line-height: .9em;
	}
	
	.alinea.menu h3 {
		font-size: 1.25em;
		text-transform: uppercase;
	}
	
	.alinea.see-you-soon h2 {
		color: #fff;
		font-size: 4em;
		text-transform: uppercase;
		transition: .2s ease-in-out color;
	}
	
	footer h3 {
		font-size: 1.75em;
		font-weight: 900;
		text-transform: uppercase;
	}
}



/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

@media screen and (min-width: 350px) and (max-width: 575px) {
	
	header section.navigation img {
		height: 70px;
	}	
	
	.alinea.intro .order-buttons .btn-order {
		font-size: 1.0em !important;
	}
}

@media screen and (min-width: 576px) and (max-width: 992px) {
	
	header section.navigation img {
		height: 70px;
	}	

	header .media img {
		height: 400px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
}

@media screen and (min-width: 993px) and (max-width: 1199px) {
	
	header section.navigation img {
		height: 70px;
	}	

	header .media img {
		height: 400px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
	
	header div.col-lg-4 .btn-green {
		font-size: 45px;
	}
	header div.col-lg-4 .btn-yellow {
		font-size: 45px;
	}
	
	header section.navigation img {
		height: 70px;
	}	

	header .media img {
		height: 500px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3em;
	}
	header h3 {
		font-size: 2em;
	}	
	
	.alinea.intro h2 {
		font-size: 6.5em;
    }
	.alinea.intro h3 {
		font-size: 2.25em;
	}
	
	.order-buttons button {
		margin-right: 0 !important;
		margin-bottom: 1rem !important;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
	
	header div.col-lg-4 .btn-green {
		font-size: 78px;
	}
	header div.col-lg-4 .btn-yellow {
		font-size: 70px;
	}

	header section.navigation img {
		height: 70px;
	}	

	header .media img {
		height: 600px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3.5em;
	}
	header h3 {
		font-size: 2.5em;
	}
	
	.sidebar {
		flex: 0 0 auto;
		width: 25%;
	}
	
	.column__wrapper .card h3 {
		font-size: 1.20em;
	}	
	
	.order-buttons button {
		margin-right: 0 !important;
		margin-bottom: 1rem !important;
	}
	
}

@media screen and (min-width: 1600px) and (max-width: 1799px) {
	
	header div.col-lg-4 .btn-green {
		font-size: 118px;
	}
	header div.col-lg-4 .btn-yellow {
		font-size: 80px;
	}

	header section.navigation img {
		height: 80px;
	}	

	header .media img {
		height: 600px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3.5em;
	}
	header h3 {
		font-size: 2.5em;
	}
	
	.sidebar {
		flex: 0 0 auto;
		width: 20%;
	}
	
	.column__wrapper .card h3 {
		font-size: 1.35em;
	}	
	
	.order-buttons button {
		margin-right: 0 !important;
		margin-bottom: 1rem !important;
	}
	
}

@media screen and (min-width: 1800px) and (max-width: 1999px) {
	
	header div.col-lg-4 .btn-green {
		font-size: 160px;
	}
	header div.col-lg-4 .btn-yellow {
		font-size: 90px;
	}

	header section.navigation img {
		height: 85px;
	}	

	header .media img {
		height: 600px;
		object-fit: cover;
		width: 100%;
	}
	header h2 {
		font-size: 3.5em;
	}
	header h3 {
		font-size: 2.5em;
	}
	
	.column__wrapper .card h3 {
		font-size: 1.35em;
	}	
	
	.order-buttons button {
		margin-right: 0 !important;
		margin-bottom: 1rem !important;
	}
}

@media screen and (min-width: 2000px) and (max-width: 2199px) {

	header div.col-lg-4 .btn-green {
		font-size: 180px;
	}
	header div.col-lg-4 .btn-yellow {
		font-size: 110px;
	}
	
	.order-buttons button {
		margin-right: 0 !important;
		margin-bottom: 1rem !important;
	}
}

@media screen and (min-width: 1658px) and (max-width: 2206px) {

	.alinea.intro .btn-order {
		margin-bottom: 1rem !important;
	}
}


/* ---------------------------------------------------
    CONTAINER
----------------------------------------------------- */

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

	footer .wrapper .social {
		max-width: 200px;
	}
	footer .wrapper .footer-nav {
	-moz-column-count: 2;
	column-count: 2;
	}
	
}

@media screen and (min-width: 1201px) {

	footer .wrapper .footer-nav {
		-moz-column-count: 3;
		column-count: 3;
	}
	
}

@media screen and (min-width: 1401px) {

	.container {
		max-width: 1600px !important;
	}
	
	#contentblock_sideimg .content .cols {
	-moz-column-count: 2;
	column-count: 2;
	-moz-column-gap: 80px;
	column-gap: 80px;
	}

	
}



/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */

@media screen and (min-width: 350px) {
	
	footer img {
		height: 100px !important;
	}
	
}


	
}