body {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 1em;
	color: #535353;

	background-color: #FFF;
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;

}

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* fonts and font colours*/

h1 {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
	color: #293042;
	margin: 0;



}

/* fonts and font colours*/

h2 {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6em;
	color: #293042;
	margin: 0;
}

.size2em{
	font-size: 2em;
}

/* styles telephone links */
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}





  /* blue link */
 a.bluelink {
	border-color: #97ADBF;
	-webkit-box-shadow: inset 0 -2px 0 #97ADBF;
	box-shadow: inset 0 -2px 0 #97ADBF;
	color: #535353;
	text-decoration: none;
	font-weight: 600;
}

 a.bluelink:hover{
	color: #054883;
	text-decoration: none;
	background-color: #97ADBF;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;

				
}






 /* white link */
 a.whitelink {
	border-color: #9497A0;
	-webkit-box-shadow: inset 0 -2px 0 #9497A0;
	box-shadow: inset 0 -2px 0 #9497A0;
	color: white;
	text-decoration: none;
	font-weight: 600;
}

 a.whitelink:hover{
	color: white;
	text-decoration: none;
	-webkit-transition: all 0.05s linear;
	-o-transition: all 0.05s linear;
	transition: all 0.05s linear;
	-webkit-box-shadow: inset 0 -5px 0 #97ADBF;
	box-shadow: inset 0 -5px 0 #97ADBF;
}

.size1-5{
	font-size:1.5em;
}




.futura20 {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3em;
	color: #293042;
	line-height: 1.3em;
}

.futura--1-x-em {
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.6em;
	color: #293042;
	
}


.lato-test {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 1.1em;
	color: #1C458E;
	line-height: 1.3em;
	letter-spacing:.5px;
}




.font-white {
	color: #FFFFFF;
}


/* dividers */

.divided {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.divider {
  border-bottom: 1px solid; 
  width: 14%;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
}

.dividerwhite{
	border-bottom: 3px solid #ffffff;	
}

.dividergrey{
	border-bottom: 3px solid #4A4A4A;	
}

.dividerorange{
	border-bottom: 3px solid #DA5E2B;	
}

.divider-producthighlights {
  width: 15%;
}






/* nav version 2 */

.bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
 
    background-color: #FAFAFA;
    width: 100%;
  	height: 6em;

}

.l {
    width: 50%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.m { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    
}
.m-content {    
    text-align: center;
 
    -ms-flex-item-align: center;
 
        -ms-grid-row-align: center;
 
        align-self: center;
  
}
.r {
    width: 50%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  
   
}





/* nav version 1 */


.nav-main {
	width: 100%;
	height: 100px;
	background-color: #FAFAFA;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	z-index: 1000;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.nav-main ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding-left: 15px;
	
}

.nav-main ul li {
	

	list-style: none;
	line-height: 70px;
	
}


.button-toggle-nav {
	width: 60px;
	min-width: 60px;
	height: 60px;
	background-image: url("http://www.chilternplastics.co.uk/images/nav-toggle2.svg");
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
	cursor: pointer;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}

.button-toggle-nav:hover {
	opacity: 0.4;
}

.nav-dropdown {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2px;
	top: 0;
	width:0px;
	padding-top: 0px;
	z-index: 1000;
	height: 0px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;

}


.nav-dropdown ul {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	overflow: hidden;
	visibility: hidden;
	width: 100%;

}


.nav-dropdown ul li {
	line-height: 90px;
	list-style: none;
}


.nav-dropdown ul li span, .nav-dropdown ul li a {
	display: block;
	height: 90px;
	
	text-decoration: none;

	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 1.1em;
	color: #1C458E;
	letter-spacing:.5px;

	background-color: #FAFAFA;

	white-space: nowrap;
	/* transition: all 0.3s ease-in-out; */

	margin-top: 2px;

	
}


.nav-dropdown ul li a:hover{

	color: #DA5E2B;
	background-color: #F2F2F2;
	
}

.nav-main--logo, .nav-main--call{
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}

.nav-main--call{
	margin-right: 20px;
	width: 0px;
	min-width: 0px;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	visibility: hidden;
}




/* index page */

.intro-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	background:white;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-top: 90px;
	padding-left:20px;
	padding-right:20px;
}

.intro-wrapper--title{

	text-align: center;
	width: 100%;

}

.intro-wrapper--body{
	text-align: center;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 100px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;

}


.how-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	background:#293042;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;


}

.how-wrapper{
	
	-ms-flex-item-align: center;
	
	    -ms-grid-row-align: center;
	
	    align-self: center;
	text-align: center;
	width: 100%;
}

.how--form-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	padding-top: 50px;

}

.how--form-wrapper{
	width: 30%;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}


.bottom-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	background:#97ADBF;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left:20px ;
	padding-right:20px;

}

.bottom-wrapper{
	
	-ms-flex-item-align: center;
	
	    -ms-grid-row-align: center;
	
	    align-self: center;
	text-align: center;
}

.why-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	background:#FFF;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-top: 100px;
	padding-bottom: 50px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;

}

.why-wrapper--title{
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	text-align: center;
	padding-bottom: 60px;


}

.test{

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 30px;

}

.extra-margin-address{

	margin-top: 10px;
	margin-bottom: 10px;

}


.container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	
}

.inner-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border: 6px solid #97ADBF;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 60px;
	padding-bottom: 70px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.inner-wrapper--title{
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	padding-bottom: 20px;

}

.inner-wrapper-main{
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
}


/* product pages */

.product-wrapper--body{
	text-align: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;


}


.product-images{
	padding-bottom: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
}

/* product faq containers */

.faq-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
}

.faq-wrapper--title{

	text-align: center;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 10px;

}

.drum-front-view{
	width: 80%;

}
.drum-top-view{
	width: 45%;

}


.pail-front-view{
	width: 80%;

}
.pail-top-view{
	width: 52%;

}


.faq-measure--image-container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;

	width: 100%;
	padding-left: 20px;
	padding-bottom: 100px;
}

.faq-measure--image-container--polythene-disc{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	width: 100%;

	padding-bottom: 100px;

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;
	text-align: center;

}

.faq-measure--image-wrappers{
padding-bottom: 30px;
}

.faq-measure--image-wrappers--polythene-disc{
padding-bottom: 30px;
}

.ferretydiv{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	width:60%;


}

/* block bottom bags */
.blockbottombags--whitespacediv{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-bottom: 100px;
}




/* quote page */

.quote--container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	background-color: #F0EFEF;
	width: 100%;
	border-top-style: solid;
	border-top-color: #1C458E;
	border-top-width: 6px;
	padding-left: 20px;
	padding-right: 20px;

	
}

.quote--intro-wrapper{

	text-align: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 60px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;

}


.quote--heading{

	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;

	color: hsl(0,0,29%);

	margin-top: 40px;
	margin-bottom: 20px;



}




.quote--choose-product-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	-webkit-box-flex: 1;

	    -ms-flex: 1;

	        flex: 1;
	
}

.quote--input{
	margin-top: 10px;
	margin-bottom:10px;
}



/* mobile / tablet view - form input layout*/

.block1{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				width: 100%;


			}

			.block1--1{

				display: -webkit-box;

				display: -ms-flexbox;

				display: flex;
				width: 100%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}

			.block1--2{

				display: -webkit-box;

				display: -ms-flexbox;

				display: flex;
				width: 100%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}





			.block2{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				width: 100%;
			}

			.block2--1{
				padding-left: 10px;
				padding-right: 10px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 100%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}

			.block2--2{
				padding-left: 10px;
				padding-right: 10px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 100%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}			



/* ---- buttons ---- */

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    margin: 2em 0em 1em 0em;
    -webkit-transition-duration: 0.4s; /* Safari */
    -o-transition-duration: 0.4s;
       transition-duration: 0.4s;
    cursor: pointer;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}




/* ---- real form buttons - remove ones above---- */
.form--step-1_button button {
	background-color: #1C458E;
	color: white;
	border: 0;
	width: 100%;
	height: 3em;
	margin-top: 2em;
	margin-bottom: 3em;
	font-family: futura-pt, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	cursor: pointer;
}

.form--step-1_button button:hover{
background-color: #DA5E2B;
}




	/* testing labels quote page */

.input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

.inputcenter{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.input span {
  position: absolute;
  z-index: 1;
  cursor: text;
  pointer-events: none;
  color: #999;
  /* Input padding + input border */
  padding: 7px;
  /* Firefox does not respond well to different line heights. Use padding instead. */
  line-height: 17px;
  /* This gives a little gap between the cursor and the label */
  margin-left: 2px;
}
.input input, .input textarea, .input select {
  z-index: 0;
  padding: 6px;
  margin: 0;
  font: inherit;
  line-height: 17px;
}
.input select {
  padding: 5px;
  /* Unfortunately selects don't respond well to padding. They need an explicit height. */
  height: 31px;
}





/* quote form*/

input{

  border: 1px solid #EDE8E8;
  border-radius: 0;
  height: 44px;
  width: 100%;
  -webkit-appearance: none; 
}

.message {
  border: 1px solid #EDE8E8;
  border-radius: 0;
  height: 300px;
  width: 100%;
  -webkit-appearance: none; 	
}
/* index form*/

select {
  height: 47.5px;
  background: white;
  -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}

.select{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: 5px solid #f5fcff;
	background: #97ADBF;
	height: 47.5px;
}


.select:after {
  content: '';
  margin: auto;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #F5FCFF transparent transparent transparent;
  pointer-events: none;
  margin-right: 10px;
}

.select:before {
  width: 3px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #97ADBF;
  content: '';
  pointer-events: none;
}

.select:hover:before {
  background: #97ADBF;
}

.select select {
  font-family: futura-pt, sans-serif;
  font-size: 18px;
  color:#F5FCFF;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  background: #97ADBF;
  height: 100%;
  width: 100%;
  cursor: pointer;
  outline: none;
  padding-right: 35px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;

  -moz-appearance: none;
  -webkit-appearance: none;
}
.select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.select select::-ms-expand {
  display: none;
}
.select select:focus {
  border-color: #97ADBF;
  background: #F5FCFF;
  color: #97ADBF;
}

@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
  .select select {
    padding-right: 0;
  }
  .select:after, .select:before {
    display: none;
  }
}

















/* contact page */




/* about us */



.aboutus--intro-wrapper{

	text-align: left;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 200px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;

}









/* ================================= 
  700px or wider 
==================================== */

@media (min-width: 700px) {

	.nav-main--call{
		margin-right: 20px;
		width: 142px;
		min-width: 142px;
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
		visibility: visible;
	}


	.faq-measure--image-container{
	padding-left: 100px;
	}



	/* desktop - quote form inputs 	*/

			.block1{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				width: 100%;
			}

			.block1--1{
				padding-left: 10px;
				padding-right: 10px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 50%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}

			.block1--2{
				padding-left: 10px;
				padding-right: 10px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 50%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}




			.block2{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				width: 100%;
			}

			.block2--1{
				padding-left: 10px;
				padding-right: 10px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 50%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}

			.block2--2{
				padding-left: 10px;
				padding-right: 10px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 50%;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
			}			



			.quote--area{
				max-width:800px;
				width: 100%;
				margin-left: auto;
				margin-right:auto;
			}		

			.message{
				height: 311px;
			}				


	
}


@media (min-width: 800px) {
	.container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		
	}

	.inner-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-left: 10px;
	margin-right:10px;
	width:33.3%;
	border: 6px solid #97ADBF;
	max-width: 380px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 60px;
	padding-bottom: 70px;
}

}