/* Import font files */

@font-face {
	font-family: 'Swistblnk Monthoers Regular';
	font-style: normal;
	font-weight: normal;
	src: url('/assets/fonts/SwistblnkMonthoers.woff2') format('woff2'), url('/assets/fonts/SwistblnkMonthoers.woff') format('woff');
  }
  
  @font-face {
	font-family: "Century 725";
	src: url("https://db.onlinewebfonts.com/t/01b3287e887ece8fc08945505e29b01f.eot");
	/* IE9*/
	src: url("https://db.onlinewebfonts.com/t/01b3287e887ece8fc08945505e29b01f.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("https://db.onlinewebfonts.com/t/01b3287e887ece8fc08945505e29b01f.woff2") format("woff2"), /* chrome firefox */
	url("https://db.onlinewebfonts.com/t/01b3287e887ece8fc08945505e29b01f.woff") format("woff"), /* chrome firefox */
	url("https://db.onlinewebfonts.com/t/01b3287e887ece8fc08945505e29b01f.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
	url("https://db.onlinewebfonts.com/t/01b3287e887ece8fc08945505e29b01f.svg#Century 725") format("svg");
	/* iOS 4.1- */
  }
  
  p,
  label {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
  }
  
  input[type=checkbox],
  input[type=radio] {
	opacity: 0;
  }
  
  .title-md {
	font-size: 50px;
  }
  
  #Section1__photo img {
	max-width: 100%;
	height: auto;
  }
  
  #Section4__form {
	overflow: hidden;
  }
  
  header .container {
	padding: 0px !important;
  }
  
  .row {
	margin: 0px;
  }
  
  .selection-panel__title {
	font-size: 84px;
	line-height: 84px;
  }
  
  .selection-panel__btn {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 15px 20px;
	width: 250px;
	height: 60px;
	color: white !important;
	background: #16C1C9;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 36px;
	line-height: 36px;
  }
  
  .selection-panel:hover {
	transform: scale(1.05);
  }
  
  .selection-panel__body {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: fit-content;
	width: 90%;
	margin: 0 auto;
  }
  
  #terms-label label {
	color: white !important;
  }
  
  main {
	padding-top: 80px;
  }
  
  .selection-panel__holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	max-width: 80%;
	margin: 0 auto;
  }
  
  .selection-panel--producer {
	background: url("https://cdn.specialityfoodmagazine.com/assets/stockgiveaway/BG.png");
  }
  
  .selection-panel--retailer {
	background: url("https://cdn.specialityfoodmagazine.com/assets/stockgiveaway/producerPanel.png");
  }
  
  .selection-panel {
	width: 520px;
	transition: all .3s ease-in-out;
	height: 600px;
	background-position-y: center;
	background-position-x: center;
	background-repeat: no-repeat;
	position: relative;
	background-size: contain;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	font-family: 'Swistblnk Monthoers Regular';
  }
  
  h2 {
	font-family: 'Swistblnk Monthoers Regular';
	font-size: 84px;
	line-height: 84px;
	color: #231E21;
  }
  
  .header-link-container {
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-evenly;
  }
  
  .header-link-container a {
	margin-left: 10px;
	margin-right: 10px;
  }
  
  
  /* Modal styles */
  
  #FAQModal {
	margin-top: 50px;
  }
  
  .white {
	color: #ffffff;
  }
  
  div.modal-dialog {
	max-width: 1000px;
  }
  
  div.modal-header {
	background-color: #16c1c9;
  }
  
  #myModalLabel {
	font-family: 'Swistblnk Monthoers Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 5rem;
	color: #ffffff;
	margin-top: 20px;
	height: 66px;
	margin-left: auto;
	margin-right: auto;
	line-height: normal;
  }
  
  h4.modal-title {
	display: block;
  }
  
  h4.modal-title-mobile {
	display: none;
  }
  
  .modal-body ul li a {
	color: #16c1c9;
	font-weight: 400;
	font-size: 1.5rem;
  }
  
  .modal-body ul li p {
	color: #000000;
	font-size: 1.5rem;
  }
  
  .collapse.in {
	display: block !important;
  }
  
  
  /* fade in style */
  
  .fade.in {
	opacity: 1;
  }
  
  .mx-auto {
	margin: 0 auto;
  }
  
  
  /* Main styles */
  
  a,
  a:visited,
  a:link,
  #Section3 span strong a {
	color: #16c1c9;
  }
  
  .btn--submit {
	background: #16C1C9;
  }
  
  .btn--form {
	display: flex;
	margin: 0 auto;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 15px 20px;
	font-family: 'Swistblnk Monthoers Regular';
	width: 250px;
	height: 60px;
	color: white !important;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	text-transform: lowercase;
	border-radius: 5px;
	font-size: 36px;
	line-height: 36px;
  }
  
  .btn--form:hover {
	transition: 0.5s;
	border-color: #16C1C9 !important;
	color: #16C1C9 !important;
  }
  
  .btn--submit:hover {
	color: white !important;
	background: #12959c;
  }
  
  .btn-stack {
	display: flex;
	margin-top: 15px;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	flex-flow: column;
  }
  
  select {
	width: 87%;
	background-color: #ffffff;
	border: none;
	color: #666;
	margin-bottom: 10px;
	height: 50px;
	padding-left: 10px;
  }
  
  body {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Roboto', sans-serif;
  }
  
  .container {
	max-width: 1240px !important;
  }
  
  .container--small {
	max-width: 900px !important;
	margin: 0 auto;
	display: block;
  }
  
  header .container--small {
	position: relative;
  }
  
  header {
	height: 426px;
	width: 100%;
	background-color: #16c1c9;
	position: relative;
  }
  
  #header__logo {
	position: absolute;
	height: 496px;
  }
  
  #header__logo img {
	padding: 0px;
	margin: 0px;
	float: left;
  }
  
  .welcome-bg {
	background: url('https://s3.eu-west-2.amazonaws.com/www.specialityfoodmagazine.com-assets-test/assets/stockgiveaway/Rectangle+2.png');
	background-size: cover;
  }
  
  #header__link {
	margin-top: 40px;
	margin-right: 50px;
	float: right;
	left: 0;
  }
  
  #header__link a.btn {
	color: #ffffff;
	font-size: 24px;
	border: 2px solid #ffffff;
	border-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Swistblnk Monthoers Regular';
	padding-top: 0px;
	height: 33px;
	line-height: normal;
  }
  
  #header__title {
	margin-top: 22px;
	float: right;
	margin-right: 60px;
  }
  
  #header__title h1 {
	font-family: 'Swistblnk Monthoers Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 5.2rem;
	text-transform: lowercase;
	color: #ffffff;
  }
  
  #Section1 {
	margin-bottom: 55px;
  }
  
  #Section1__text {
	margin-top: 62px;
  }
  
  #Section1__text {
	font-size: 1.25rem;
  }
  
  #Section1__text.col-lg-6 {
	width: 606px;
	max-width: 606px;
  }
  
  #Section2 {
	height: 608px;
	width: 100%;
	background-image: url('https://s3.eu-west-2.amazonaws.com/www.aceville.com-assets-test/assets/images/section2brownwoodbg.jpg');
	background-repeat: no-repeat;
	padding-top: 45px;
	background-size: cover
  }
  
  #Section2__title h2 {
	margin-bottom: 44px;
	font-family: 'Swistblnk Monthoers Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 6.1rem;
	color: #ffffff;
  }
  
  
  /* Responsive styles */
  
  @media (min-width: 1348px) {
	.Section2__icons {
	  margin: 0 auto;
	  width: 1122px;
	}
	.Section2__icons div.col-lg-4:first-of-type {
	  flex: 0 0 340px;
	  max-width: 340px;
	}
	.Section2__icons div.col-lg-4:first-of-type p {
	  padding-left: 29px;
	  margin-left: -32px;
	  width: 312px;
	}
	.Section2__icons div.col-lg-4:nth-of-type(2) {
	  flex: 0 0 415px;
	  max-width: 415px;
	}
	.Section2__icons div.col-lg-4:nth-of-type(2) p {
	  padding-left: 29px;
	  margin-left: 10px;
	  width: 319px;
	}
	.Section2__icons div.col-lg-4:nth-of-type(3) {
	  flex: 0 0 366px;
	  max-width: 366px;
	}
	.Section2__icons div.col-lg-4:nth-of-type(3) p {
	  width: 310px;
	}
	#Section2__icons2 div.col-lg-4:nth-of-type(3) p {
	  width: 265px;
	  margin-left: 24px;
	}
	#Section3 .section3text2 p {
	  width: 636px;
	}
  }
  
  .Section2__icons p {
	color: #ffffff;
	font-size: 21px;
	font-weight: bold;
  }
  
  #Section2__icons_buttons {
	margin-top: 10px;
  }
  
  .Section2__icons a.btn {
	color: #ffffff;
	font-size: 48px;
	border: 2px solid #ffffff;
	border-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: 'Swistblnk Monthoers Regular';
	padding-top: 0px;
	margin-bottom: 0px;
	height: 66px;
	line-height: normal;
  }
  
  #Section3 {
	height: 608px;
	padding-top: 52px;
	width: 1102px;
	margin-left: auto;
	margin-right: auto;
  }
  
  #Section3__title h2 {
	margin-bottom: 44px;
	font-family: 'Swistblnk Monthoers Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 6.1rem;
	color: #16c1c9;
	margin-bottom: 12px;
  }
  
  #Section3 p {
	text-align: left;
	font-size: 20px;
  }
  
  #Section3 span {
	color: #16c1c9;
	font-size: 20px;
	font-weight: bold;
  }
  
  #Section3 span strong {
	color: #000000;
  }
  
  #Section3 .section3text1 {
	margin-top: 30px;
  }
  
  #Section3 .section3text2 {}
  
  #Section3 .section3text3 {
	margin-top: 30px;
  }
  
  #Section3 .section3text4 {}
  
  #help-block {
	color: #ff8181;
	padding: 5px;
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
	display: block;
  }
  
  .has-error input {
	border: 1px solid red !important;
  }
  
  .has-error div.Section4__form_checkbox span {
	border: 1px solid red !important;
  }
  
  #Section4 {
	height: fit-content;
	padding-bottom: 150px;
	width: 100%;
	background-image: url('https://s3.eu-west-2.amazonaws.com/www.aceville.com-assets-test/assets/images/section4tealwoodbg.jpg');
	position: relative;
	background-size: cover;
  }
  
  #Section4__logos {
	position: absolute;
	width: 100%;
	top: -11px;
	left: 0;
	z-index: 4;
  }
  
  .row {
	margin: none;
  }
  
  #Section4__photo img {
	padding: 0px;
	margin-left: 40px;
	float: left;
  }
  
  #Section4__title h3 {
	font-family: 'Swistblnk Monthoers Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 84px;
	color: #ffffff;
  }
  
  #Section4__transparent_bg {
	background: rgba(0, 0, 0, 0.8);
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
	padding-bottom: 50px;
	top: 76px;
	height: fit-content;
  }
  
  #Section4__inner_container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
  }
  
  #Section4__form {
	z-index: 5;
	margin-top: 20px;
  }
  
  #Section4__form .form-group {
	margin-bottom: 0px;
	padding-bottom: 0px;
  }
  
  #Section4__form label {
	color: #d8d9de;
	font-weight: normal;
	margin-top: 15px;
	font-size: 1.2rem;
  }
  
  #Section4__title {
	margin-top: 60px;
	z-index: 3;
  }
  
  #Section4 input[type="text"] {
	width: 87%;
	background-color: #ffffff;
	border: none;
	color: #666;
	margin-bottom: 10px;
	height: 50px;
	padding-left: 10px;
  }
  
  
  /**
   * Checkbox Five
   */
  
  .Section4__form_checkbox {
	width: 40px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	position: relative;
  }
  
  
  /**
   * Create the box for the checkbox
   */
  
  .Section4__form_checkbox span {
	cursor: pointer;
	position: absolute;
	width: 40px;
	height: 40px;
	top: -14px;
	left: 0;
	background: #eee;
	border: 1px solid #ddd;
  }
  
  
  /**
   * Display the tick inside the checkbox
   */
  
  .Section4__form_checkbox span:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 30px;
	height: 20px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
  }
  
  
  /**
   * Create the hover event of the tick
   */
  
  .Section4__form_checkbox span:hover::after {
	opacity: 0.5;
  }
  
  
  /**
   * Create the checkbox state for the tick
   */
  
  .Section4__form_checkbox input[type=checkbox]:checked+span:after {
	opacity: 1;
  }
  
  
  /**
   * Create the checkbox state for the tick
   */
  
  .Section4__form_checkbox input[type=checkbox]+span.notchecked:after {
	opacity: 0.2;
  }
  
  #exposureOptIn {
	opacity: 0;
  }
  
  .exposure-opt-in {
	position: relative;
  }
  
  #exposure-opt-in-group label {
	margin-left: 18px;
  }
  
  #exposure-opt-in-group div span {
	margin-top: 20px;
  }
  
  #Section4 input#numberOfSKUs {
	width: 12%;
  }
  
  .exposure-opt-in-container {
	position: relative;
	left: 20px;
  }
  
  .number-of-SKUs {
	position: relative;
	left: 167px;
  }
  
  .product-chilled {
	position: relative;
  }
  
  #product-chilled-label {
	max-width: 34%;
	flex: 0 0 34%;
  }
  
  #digitalSub {
	opacity: 0;
  }
  
  #product-chilled-group {
	max-width: 80%;
	margin-left: auto;
	margin-right: 29px !important;
	display: flex !important;
  }
  
  .invoice-total {
	position: relative;
	left: 156px;
  }
  
  #Section4 input#invoiceTotal {
	width: 40%;
  }
  
  #Section4 input#townCity {
	width: 50%;
	float: left;
  }
  
  #Section4 input#postcode {
	width: 35%;
	float: left;
	margin-left: 2%;
  }
  
  #Section4 input#phoneNumber {
	width: 35%;
	float: left;
  }
  
  #Section4 input#email {
	width: 50%;
	float: left;
	margin-left: 2%;
  }
  
  #Section4__form span {
	color: #d8d9de;
	margin-top: 15px;
	display: inline-block;
	font-size: 1.2rem;
  }
  
  #Section4__form h2 {
	font-family: 'Swistblnk Monthoers Regular';
	font-style: normal;
	font-weight: normal;
	font-size: 5rem;
	color: #ffffff;
	margin-top: 20px;
	height: 66px;
	margin-left: auto;
	margin-right: auto;
  }
  
  #footer {
	width: 100%;
	background-image: url('https://s3.eu-west-2.amazonaws.com/www.aceville.com-assets-test/assets/images/footerblackwoodbg.jpg');
	background-repeat: repeat;
	padding-top: 52px;
	overflow: hidden;
  }
  
  #footer__title h3 {
	font-size: 2rem;
	font-style: bold;
	font-family: "Century 725";
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
  }
  
  #footer__copyright {
	color: #ffffff;
	text-transform: uppercase;
  }
  
  #footer__company {
	color: #ffffff;
  }
  
  #footer__address {
	color: #ffffff;
  }
  
  
  /* Responsive styles */
  
  @media (max-width: 1270px) {
	.Section2__icons {
	  width: 100%;
	}
  }
  
  @media (max-width: 1735px) {
	#Section4__logos {
		width: min-content;
	}
  }
  
  @media (min-width: 1026px) {
	#Section1 .col-lg-5 {
	  width: 49%;
	  max-width: unset;
	  flex: unset;
	}
  }
  
  @media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	#Section1 {
	  margin-bottom: 10px;
	}
	h4.modal-title {
	  display: none;
	}
	h4.modal-title-mobile {
	  display: block;
	}
	body {
	  width: 100vw;
	}
	header {
	  width: 100vw;
	  height: auto;
	}
	#header__logo {
	  width: 100vw;
	  height: 550px;
	  left: 0px;
	  top: 0px;
	  position: relative;
	}
	#header__logo img {
	  width: 25vw;
	}
	#header__title {
	  float: none;
	  margin-top: 0px;
	}
	#header__title h1 {
	  font-size: 5rem;
	}
	#Section1 .row #Section1__text:nth-of-type(2) {
	  margin-top: 0px;
	}
	#Section1 .row #Section1__text:nth-of-type(2) p {
	  text-align: left;
	}
	#Section1 .row #Section1__text:nth-of-type(2) p br {
	  margin-bottom: 1rem;
	}
	#Section2 {
	  height: auto;
	  background-repeat: repeat;
	}
	.Section2__icons {
	  width: 100%;
	}
	.Section2__icons .col-lg-4 {
	  margin-bottom: 20px;
	}
	#Section2__icons_buttons {
	  margin-top: 0px;
	  margin-bottom: 30px;
	}
	#Section2__icons_buttons a {
	  width: 100%;
	}
	#Section3 {
	  width: 100vw;
	  height: auto;
	}
	#Section3 .col-lg-3 {
	  text-align: center !important;
	}
	#Section4 {
	  width: 100vw;
	  height: fit-content;
	  background-repeat: repeat;
	}
	#Section4__logos {
	  display: none;
	}
	#Section1__photo {
	  width: 100%;
	  max-width: 100%;
	}
	#Section4__transparent_bg {
	  width: 100vw;
	  height: fit-content;
	  left: 0px;
	  top: 0px;
	  margin-left: 0px;
	}
	#Section4__inner_container {
	  width: 98%;
	  height: fit-content;
	  left: 0px;
	  top: 0px;
	  margin-left: 2%;
	}
	.responsive div.col-4:first-of-type {
	  display: none;
	}
	#product-chilled-group {
	  max-width: 500px;
	  flex: 0 0 60%;
	}
	#numberOfSKUs {
	  width: 40% !important;
	}
	#Section4__form label {
	  font-size: 1rem;
	}
	#exposure-opt-in-group {
	  position: relative;
	  right: 0px;
	  display: flex;
	  margin-left: 250px;
	}
	#Section4 input#townCity,
	#Section4 input#postcode,
	#Section4 input#phoneNumber,
	#Section4 input#email {
	  width: 80%;
	  margin-left: 0;
	}
	.signup-form div.col-4:nth-of-type(3) {
	  max-width: 66%;
	  flex: 0 0 66%;
	}
  }
  
  @media (max-width: 1025px) {
	#myModalLabel {
	  line-height: 1.5;
	}
	#Section4 {
	  padding-bottom: 0px;
	}
	h4.modal-title {
	  display: none;
	}
	h4.modal-title-mobile {
	  display: block;
	}
	#Section1__text {
	  margin-top: 0px;
	}
	body {
	  width: 100vw;
	}
	header {
	  width: 100vw;
	  height: auto;
	}
	#header__logo {
	  width: 80vw;
	  height: auto;
	  left: 0px;
	  top: 0px;
	  position: relative;
	  margin-left: auto;
	  margin-right: auto;
	  padding-top: 72px;
	}
	#header__logo img {
	  width: 100%;
	}
	#header__link {
	  position: absolute;
	  top: 0px;
	  background-color: #000;
	  width: 100vw;
	  margin: 0px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  text-align: center;
	}
	#header__title {
	  float: none;
	  margin: 0 auto;
	}
	#header__title h1 {
	  font-size: 4rem;
	  margin-bottom: 0px;
	  text-align: center;
	  padding-bottom: 10px;
	}
	#Section1 .row #Section1__text:nth-of-type(2) {
	  margin-top: 0px;
	}
	#Section1 .row #Section1__text:nth-of-type(2) p {
	  text-align: left;
	}
	#Section1 .row #Section1__text:nth-of-type(2) p br {
	  margin-bottom: 1rem;
	}
	#Section2 {
	  height: auto;
	  background-repeat: repeat;
	}
	.Section2__icons {
	  width: 100%;
	}
	.Section2__icons .col-lg-4 {
	  margin-bottom: 20px;
	}
	#Section2__icons_buttons {
	  margin-top: 0px;
	  margin-bottom: 30px;
	}
	#Section2__icons_buttons a {
	  width: 100%;
	}
	#Section3 {
	  width: 100vw;
	  height: auto;
	}
	#Section3 .col-lg-3 {
	  text-align: center !important;
	}
	#Section4 {
	  width: 100vw;
	  height: fit-content;
	  background-repeat: repeat;
	}
	#Section4__logos {
	  display: none;
	}
	#Section4__transparent_bg {
	  width: 100vw;
	  height: fit-content;
	  left: 0px;
	  top: 0px;
	  margin-left: 0px;
	}
	#Section4__inner_container {
	  width: 98%;
	  height: fit-content;
	  left: 0px;
	  top: 0px;
	  margin-left: 2%;
	}
	.responsive div.col-4:first-of-type {
	  display: none;
	}
	#product-chilled-group {
	  max-width: 500px;
	  flex: 0 0 60%;
	}
	#numberOfSKUs {
	  width: 40% !important;
	}
	#Section4__form label {
	  font-size: 1rem;
	}
	#exposure-opt-in-group {
	  position: relative;
	  right: 0px;
	  display: flex;
	  margin-left: 250px;
	}
	#Section4 input#townCity,
	#Section4 input#postcode,
	#Section4 input#phoneNumber,
	#Section4 input#email {
	  width: 80%;
	  margin-left: 0;
	}
	.signup-form div.col-4:nth-of-type(3) {
	  max-width: 66%;
	  flex: 0 0 66%;
	}
	.form-group.col-4.text-right {
	  text-align: left !important;
	}
	.form-group.col-8 {
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	#Section4 input[type="text"] {
	  width: 96%;
	}
	#numberOfSKUs {
	  width: 40% !important;
	}
	#Section4__form label {
	  font-size: 1rem;
	}
	#exposure-opt-in-group {
	  position: relative;
	  right: 0px;
	  display: flex;
	}
	#Section4 input#townCity,
	#Section4 input#postcode,
	#Section4 input#phoneNumber,
	#Section4 input#email {
	  width: 96%;
	  margin-left: 0;
	}
	#Section4__form .form-group,
	#invoice-total-label,
	#exposure-opt-in-group,
	#product-chilled-group,
	#number-of-SKUs-label,
	#product-chilled-label {
	  max-width: 100%;
	  flex: 0 0 100%;
	  margin-left: 0px;
	  text-align: left !important;
	}
	.exposure-opt-in-container,
	.invoice-total,
	.product-chilled,
	.number-of-SKUs {
	  left: 0px;
	}
	.exposure-opt-in label {
	  width: 75vw;
	  text-align: left;
	}
	.exposure-opt-in br {
	  display: none;
	  clear: none;
	  word-break: unset;
	}
	#terms-label label {
	  text-align: left;
	}
  }
  
  @media (max-width: 575px) {
	.selection-panel__holder {
	  max-width: 100%;
	}
	#myModalLabel {
	  line-height: 1.5em;
	}
	h4.modal-title {
	  display: none;
	}
	h4.modal-title-mobile {
	  display: block;
	}
	.selection-panel {
	  height: 370px;
	}
	body {
	  width: 100vw;
	}
	header {
	  width: 100vw;
	  height: auto;
	}
	#header__logo {
	  width: 100vw;
	  height: fit-content;
	  left: 0px;
	  top: 0px;
	  position: relative;
	}
	#header__logo img {
	  width: 100%;
	  margin-left: auto;
	  margin-right: auto;
	  display: block;
	  float: inherit;
	}
	#header__title {
	  float: none;
	  margin-left: auto;
	  margin-right: auto;
	}
	#header__title h1 {
	  font-size: 4rem;
	  margin-bottom: 0px;
	}
	main {
	  padding-top: 10px;
	}
	h2 {
	  font-size: 60px;
	}
	.row {
	  margin: 0px;
	}
	#Section1__text.col-lg-6 {
	  width: 100%;
	  max-width: 100%;
	  flex: 0 0 100%;
	}
	#Section1 .row #Section1__text:nth-of-type(2) {
	  margin-top: 0px;
	}
	#Section1 .row #Section1__text:nth-of-type(2) p {
	  text-align: left;
	}
	#Section1 .row #Section1__text:nth-of-type(2) p br {
	  margin-bottom: 1rem;
	}
	#Section1__photo img {
	  width: 86vw;
	}
	#Section2 {
	  height: auto;
	  background-repeat: repeat;
	}
	.Section2__icons {
	  width: 100%;
	}
	.Section2__icons .col-lg-4 {
	  margin-bottom: 20px;
	}
	#Section2__icons_buttons {
	  margin-top: 0px;
	  margin-bottom: 30px;
	}
	#Section2__icons_buttons a {
	  width: 100%;
	}
	#Section3 {
	  width: 100vw;
	  height: auto;
	}
	#Section3 .col-lg-3 {
	  text-align: center !important;
	}
	#Section4 {
	  width: 100vw;
	  height: fit-content;
	  background-repeat: repeat;
	}
	#Section4__logos {
	  display: none;
	}
	#Section4__transparent_bg {
	  width: 100vw;
	  height: fit-content;
	  left: 0px;
	  top: 0px;
	  margin-left: 0px;
	}
	#Section4__inner_container {
	  width: 98%;
	  height: 100%;
	  left: 0px;
	  top: 0px;
	  margin-left: 2%;
	}
	.responsive div.col-4:first-of-type {
	  display: none;
	}
	#product-chilled-group {
	  max-width: 100% !important;
	  flex-wrap: wrap;
	  flex-direction: column !important;
	  flex: 0 0 60%;
	}
	#Section4 input[type="text"] {
	  width: 98%;
	}
	#numberOfSKUs {
	  width: 40% !important;
	}
	#Section4__form label {
	  font-size: 1rem;
	}
	#exposure-opt-in-group {
	  position: relative;
	  right: 0px;
	  display: flex;
	}
	#Section4 input#townCity,
	#Section4 input#postcode,
	#Section4 input#phoneNumber,
	#Section4 input#email {
	  width: 98%;
	  margin-left: 0;
	}
	#Section4__form .form-group,
	#invoice-total-label,
	#exposure-opt-in-group,
	#product-chilled-group,
	#number-of-SKUs-label,
	#product-chilled-label {
	  max-width: 100%;
	  flex: 0 0 100%;
	  margin-left: 0px;
	  text-align: left !important;
	}
	.exposure-opt-in-container,
	.invoice-total,
	.product-chilled,
	.number-of-SKUs {
	  left: 0px;
	}
	.exposure-opt-in label {
	  width: 75vw;
	  text-align: left;
	}
	.exposure-opt-in br {
	  display: none;
	  clear: none;
	  word-break: unset;
	}
	#header__link {
	  margin-bottom: 50px;
	}
	#terms-label label {
	  text-align: left;
	}
	.signup-form div.col-4:nth-of-type(3) {
	  max-width: 66%;
	  flex: 0 0 66%;
	}
	.form-group.col-4.text-right {
	  text-align: left !important;
	}
	.form-group.col-8 {
	  flex: 0 0 100%;
	  max-width: 100%;
	}
  }