@font-face {

    font-family: 'Titillium';

    src: url('https://www.couriersave.co.uk/fonts/titilliumweb-regular-webfont.woff2') format('woff2'),

         url('https://www.couriersave.co.uk/fonts/titilliumweb-regular-webfont.woff') format('woff');


    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: 'Titillium';

    src: url('https://www.couriersave.co.uk/fonts/titilliumweb-semibold-webfont.woff2') format('woff2'),

         url('https://www.couriersave.co.uk/fonts/titilliumweb-semibold-webfont.woff') format('woff');


    font-weight: 600;

    font-style: normal;

}


@font-face {

    font-family: 'Titillium';

    src: url('https://www.couriersave.co.uk/fonts/titilliumweb-bold-webfont.woff2') format('woff2'),

         url('https://www.couriersave.co.uk/fonts/titilliumweb-bold-webfont.woff') format('woff');


    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: 'Romeo';

    src: url('https://www.couriersave.co.uk/fonts/romeo-webfont.woff2') format('woff2'),

         url('https://www.couriersave.co.uk/fonts/romeo-webfont.woff') format('woff');

    font-weight: 400;

    font-style: normal;

}





html {

    box-sizing: border-box;

    font-size: 16px;

    color: #333

}



*,

*:before,

*:after {

    box-sizing: border-box

}



div {

    box-sizing: border-box

}

		  

		  a {text-decoration: none; color:#333333;}

		  a:hover {text-decoration: underline;}

.mobile-dropdown a:hover {text-decoration:none;}

body,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ol,

ul,

li {

    margin: 0;

    padding: 0;

    font-weight: 400;

    line-height: 120%; color:#333333;

}



ol,

ul {

    list-style: none

}



img {

    max-width: 100%;

    height: auto

}



.tel h3.slogan {

    font-size: 20px;

    margin-top: 12px;

}



.clearfix::after {

    content: "";

    clear: both;

    display: table

}



body {

    background-color: #ffffff;

    font-family: 'Titillium', sans-serif;

	font-weight:400;

	font-size:16px;

}



input,select {

    font-family: 'Titillium', sans-serif

}

.text-container a,.news-block a {color:#143e54;}

.text-container a:hover {}

.news-block a:hover {text-decoration:none;}

		.container {width:1024px;  margin:0 auto 0 auto;}

		  .header {padding:15px 0 18px 0;}

		.header .logo {float:left; width:300px; padding:10px 0 5px 15px;}

		.header .tel {float:right; width:320px; text-align: center; line-height:120%; vertical-align: middle; padding-right:15px;}

		  .header .tel p:first-of-type {font-style:italic; font-size:18px; margin-bottom:0;}

		  .header .tel p:first-of-type span {font-weight:600;}

		  .header .tel a {display:block; font-weight:700; font-size:47px; padding:10px 0 12px 0; color:#f1ba00; letter-spacing:-1px;}

		  .header .tel a:hover {text-decoration: none; color:#e7a623;  }

		  .header .tel p:last-of-type {font-size:15px; margin-bottom:0;}

		  .menu {background-color:#143e54; color:#ffffff;}

		  .menu a {transition:background-color 0.2s ease-in-out 0s; color:#ffffff; font-size:20px; padding:18px 25px 17px 25px; display:inline-block; border-right:solid 2px #3f535d; vertical-align: middle;  -webkit-transform: skew(-25deg); transform: skew(-25deg);}
.menu a span {display:block;  -webkit-transform: skew(25deg); transform: skew(25deg);}


		  .menu a:first-of-type {padding:12px 15px 12px 15px;}

.menu a:last-of-type {border-right:none;}

		  .menu a:nth-of-type(2) {border-right:none;}

		  .menu a.active,.menu a:hover {background-color:#3f535d;text-decoration:none;color:#ffffff;}

		  .menu a.nav-quote { transition:transform 0.2s ease-in-out 0s; padding:24px 27px 22px 25px; margin-top:-10px; margin-bottom:-10px; behavior: url(border-radius.htc); -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border-right:none; font-size:24px; font-weight:700; text-transform: uppercase;  background: #f1ba00; z-index:99;}

			  .menu a.nav-quote:hover {

				  -webkit-transform: scale(1.1) skew(-25deg, 0deg); transform: scale(1.1) skew(-25deg, 0deg);

				  background: #e7a623; text-decoration: none; color:#ffffff;}

		  

			.promo { background:url(https://www.couriersave.co.uk/images/courier-insurance-bg.png) #a9d6da repeat-x 50% 100%; border-bottom:8px solid #143e54;}

.promo-quote {background-color:#143e54; padding:15px; text-align: center; position:relative;}
.promo-quote p {color:#ffffff; margin-bottom:15px;}

		  .promo, .promo p, .promo h1, .promo h2, .promo ul li, .promo a.get-quote-button, .promo-quote a.get-quote-button {color:#ffffff;}

		  .promo h1 {font-weight:700; font-size:45px; margin:10px 0 280px 0; color:#143e54; letter-spacing:-2px; text-align: center;}

.promo h1 span {font-family:Romeo, sans-serif; color:#48a525; font-size:70px; font-weight:normal;}

		  .promo .container {padding:30px 20px 30px 20px;}

		  .promo h2 {font-weight:600; margin-bottom:15px;}

		  .promo p {width:480px; margin-bottom:15px; font-size:18px;}

		  .promo ul {width:480px;}

		  .promo ul li {font-size:20px; font-weight:500;  background:url(https://www.couriersave.co.uk/images/bullet.png) no-repeat 0% 50%; list-style: none; padding-left:30px; margin-bottom:3px; display:inline-block; width:180px;}

		  .promo a.get-quote-button, .promo-quote a.get-quote-button {font-size:24px; font-weight:700; text-transform: uppercase; behavior: url(border-radius.htc); -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding:16px 60px 18px 25px; margin-top:20px; margin-bottom:0; display:inline-block;

			  background-repeat:no-repeat;

			  background-position:92% 50%;
			  
			  background-color: #f1ba00;

  background-image: url("../images/go.png"); /* fallback */

		  transition:background-position 0.2s ease-in-out 0s,background-color 0.2s ease-in-out 0s;

		  }

.promo-quote a.get-quote-button {margin-top:0px; position:absolute; top:-50px; width:225px; margin:0 auto 0 auto; left:0; right:0;}

		  .promo a.get-quote-button:hover,.promo-quote a.get-quote-button:hover { background-position:96% 50%; text-decoration:none;  background-color:#e7a623;}

		  .insurers .container {text-align: center; margin:22px auto 22px auto;}

		  .insurers h3 {font-size:32px; color:#143e54;}

		  .insurers .container img {max-width:100%; margin:0 auto 0 auto;}

		  .insurer-logos-alt {display:none;}

		  .main {background-color:#dbdce3;}

		  .main .container {padding:25px 0 25px 0;}

		  .colx3 div {background-position:50% 50%; background-repeat: no-repeat; background-size:cover;  width:310px; background-color:#ffffff;  float:left; margin:0 15px 0 15px; padding:12px 10px 0 0; position:relative;}


/* Anim test */

.promo-quote a.get-quote-button {
  box-shadow: 0 0 0 0 rgba(241, 186, 0, 1);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(241, 186, 0, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(241, 186, 0, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(241, 186, 0, 0);
  }
}

/* End Anim test */

.colx3.inside div {margin-bottom:15px; margin-right:0; z-index: 20;}		

.colx3 div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #143e54;
    opacity: .7;
	z-index: 21;
}

.colx3 div span {z-index: 22; position:relative; display:block;}



.colx3 div h4 {font-size:24px; font-weight:700; color:#f1ba00; margin-bottom:5px; padding-left:16px;}

		  .colx3 div p {line-height:100%; font-size:15px; height:100px; padding-left:16px; max-width:175px; color:#ffffff;}

.colx3 div:last-of-type p { }

		  .colx3 div a { vertical-align: middle; font-weight:700; font-size:24px; color:#ffffff; background-image:url(https://www.couriersave.co.uk/images/go.png); background-repeat: no-repeat; background-color:#143e54; background-position:80% 50%; padding:12px 45px 12px 12px; display:inline-block;  transition:background-position 0.15s ease-in-out 0s,background-color 0.15s ease-in-out 0s; }

		  .colx3 div.box-vintage {background-image:url(https://www.couriersave.co.uk/images/van-courier-insurance.jpg);}

		  .colx3 div.box-modern {background-image:url(https://www.couriersave.co.uk/images/hire-and-reward-insurance.jpg);}

		  .colx3 div.box-kit {background-image:url(https://www.couriersave.co.uk/images/courier-fleet-insurance.jpg);}

		  .colx3 div a:hover {background-color:#e7a623; text-decoration: none; background-position:90% 50%;}

		  .main .inner-content {padding:40px 0 20px 0;}

			.main .inner-content.inside {  padding: 10px 0 30px 0;}

		  .main .inner-content .text-block {width:100%; background-color:#ffffff; min-height: 635px; height:auto !important; height: 635px; } 

.main .inner-content.inside .text-block {min-height: 590px; height:auto !important; height: 590px;  margin-bottom:20px;}		  

.main .inner-content .text-block h1 {color:#3f535d;font-size:32px; display:inline-block; padding:12px 20px 15px 20px; border-bottom:2px solid #dbdce3; }
		  .main .inner-content .text-container {padding:0 25px 15px 25px;}

		  .main .inner-content .text-container h1,.main .inner-content .text-container h2,.main .inner-content .text-container h3,.main .inner-content .text-container h4,.main .inner-content .text-container h5 {margin:20px 0 10px 0;}

		  .main .inner-content .text-container h3 {font-size:20px; font-weight:600;}

		  .main .inner-content .text-container p {margin:15px 0 15px 0;}

		  .main .inner-content .news-block {width:311px;  background-color:#ffffff; behavior: url(border-radius.htc); -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; float:left; margin:0 15px 0 15px; -webkit-box-shadow: 0px 0px 8px  4px rgba(40,48,86, 0.5); -moz-box-shadow: 0px 0px 8px  4px rgba(40,48,86, 0.5);  box-shadow: 3px 3px 0px  0px rgba(0,0,0, 0.2); min-height: 635px; height:auto !important; height: 635px; } 





.main .inner-content .news-block.inside {width:auto; margin-top:20px; min-height:inherit; height: auto !important;}	





.main .inner-content .news-block h5 { color:#ffffff;font-size:24px; background-color:#143e54; display:inline-block; padding:8px 20px 10px 20px;  behavior: url(border-radius.htc); -moz-border-radius: 10px 0 10px 0; -webkit-border-radius:10px 0 10px 0; -khtml-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0;}

		  .main .inner-content .news-block div {display:block; font-size:15px;}

		  .main .news-block .news-item {padding:15px 10px 20px 10px; margin:0 10px 0 10px; border-bottom:2px solid #dbdce3;}

		  .main .news-block .news-item:last-of-type {border-bottom:none;}

		  .news-block .news-item h6 {font-size:20px; font-weight:600;}

		  .news-block .news-item p.news-date {font-style: italic; margin:0 0 15px 0;}

		  .footer {background-color:#143e54; color:#ffffff; text-align: center; padding:30px 0 30px 0; font-size:14px;}

		  .footer p {color:#ffffff; padding:0 20px 0 20px;}

		  .foot-menu {background-color:#dbdce3}

		  .main .foot-menu .container {padding:0 0 0 0; text-align: center;}

		  .foot-menu a {padding:15px 25px 15px 25px; background-color:#143e54; color:#ffffff; display:inline-block; border-right:solid 2px #3f535d; transition:background-color 0.2s ease-in-out 0s; -webkit-transform: skew(-25deg);  transform: skew(-25deg);}

.foot-menu span {-webkit-transform: skew(25deg);  transform: skew(25deg); display:block;}

		  .foot-menu a:first-of-type {}

		  .foot-menu a:last-of-type {border-right:none; }

		  .foot-menu a:hover {background-color:#3f535d;text-decoration:none;}

		  .footer .container {position: relative;}

		  .scroll-top { position: absolute; box-shadow: none; top: -80px;  right:25px;  width: 60px; height: 60px; line-height: 1.1; border-radius: 50%;background-color: #a7a9ac; transition: .5s; padding:15px;}

			  .scroll-top:hover {background-color: #3f535d;}

		  .mobile-menu {display:none;}

.mobile-dropdown {overflow:hidden; max-height: 0; transition:max-height 0.25s ease-in-out 0s}

.mobile-dropdown { background-color:#143e54; color:#ffffff;text-align: center; }

.mobile-dropdown a {color:#ffffff; padding:12px 10px 8px 10px; display:inline-block; font-size:18px;}

		  

		  .mobile-menu .menu-button {border: none;  font-size:18px; font-weight:600;background:url(https://www.couriersave.co.uk/images/menu.png) no-repeat 7% 50% #143e54; width:auto; color:#ffffff; height:35px; behavior: url(border-radius.htc); -moz-border-radius: 10px 10px 0 0; -webkit-border-radius:10px 0 0 0; -khtml-border-radius: 10px 0 0 0; border-radius: 10px 10px 0 0; margin:0 auto 0 auto; display:inline-block; padding:8px 10px 8px 45px;}

			.mobile-menu .menu-button:focus {outline:0;}

		  .insurers .container .insurer-logos-alt img {max-width:90%;}

		  

		  .mobile-menu {border-bottom:8px solid #143e54; text-align: center;}



.text-container ul,.text-container ol {margin-left:30px;}

.text-container ul li {list-style: square outside; margin-bottom:5px;}

.text-container ol li {list-style:lower-roman outside; margin-bottom:5px;}

hr {border:none; border-bottom: 2px solid #dbdce3; margin-top:40px;}





/* WP Only Additions */

.rmlink {white-space: nowrap;}

.text-container#container h2 {margin-bottom:0;}

.text-container#container span.entry-date {font-size:12px; font-style:italic;}

.text-container#container .news-item {padding-bottom:10px; border-bottom: 2px solid #dbdce3; margin-bottom:10px;}

.text-container#container .news-item:last-of-type {border-bottom:none;}

.widget-area {padding:10px;}

.widget_search {margin-bottom:15px;}

.collapsing.archives.list span:hover {cursor: pointer; cursor: hand;}

.jaw_widget a.jaw_years:hover,.jaw_widget a.jaw_months:hover {text-decoration: none;}

li.jaw_years {padding:10px; border-bottom:2px solid #dbdce3; font-size:20px;}

li.jaw_months {font-size:20px; margin-left:18px;}

li.jaw_posts {font-size:16px; margin-left:20px;}

li.jaw_years:last-of-type {padding:10px; border-bottom:none;}

ul.collapsing.archives.list > li div {margin-left:15px;}

.entry-utility {margin-top:10px; font-size:14px;}

body.single-post .entry-utility {margin-top:30px; }

.entry-utility a {display:inline-block; padding:5px; background-color:#a7a9ac; margin:0 4px 4px 0; color:#ffffff; text-decoration:none;}

.entry-utility a:hover {background-color:#143e54;}

.post.category-news h2.entry-title {border-top:2px solid #dbdce3; padding-top:20px;}

.post.category-news:nth-of-type(2) h2.entry-title,.post.category-news:first-of-type h2.entry-title {border-top:none; padding-top:0;}

form.searchform input#s {padding:5px; font-size:16px; behavior: url(border-radius.htc); -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border:2px solid #dbdce3; }

form.searchform input#searchsubmit {padding:7px; font-size:16px; behavior: url(border-radius.htc); -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; border:none; background-color:#143e54; color:#ffffff;}

form.searchform input#searchsubmit:hover {cursor: pointer; cursor: hand; background-color:#e7a623;}

form.searchform .screen-reader-text {display:none;}

/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	text-align: center;

	max-width:100%;

}

.wp-caption img {

	max-width:100%;

	width:100%;

}

.main .inner-content .text-container .wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 8px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}



.insurer-logos-lrg {width:49%; display:inline-block;}

.insurer-logos-lrg img {width:100%; height:auto;}

		  

		  /* Start Responsive Styles */

		  @media (max-width:1024px) {

			  .container {width:900px;}

			  .menu a {padding:13px 20px 14px 20px; font-size:16px;}

			  .menu a.nav-quote {padding:16px 20px 20px 20px; margin-top:-12px; font-size:22px;}

			  .menu a:first-of-type { padding: 10px 15px 10px 15px;}

			  .menu a:first-of-type img {width:24px; height:auto;}

			  .colx3 div {width:279px; margin:0 10px 0 10px;}

			  .insurers h3 {font-size:28px;}

			  .colx3 div h4 {font-size:17px;}

			  .colx3 div p { max-width: 150px;}

			  .main .inner-content .text-block {font-size:15px; min-height: 650px; height: auto !important; height: 650px;}

			  .main .inner-content.inside .text-block {}

			  .main .inner-content .news-block {width:275px; float:left; margin:0 10px 0 10px; font-size:15px;min-height: 650px; height: auto !important; height: 650px;}

			  .news-block .news-item h6 {font-size:18px; }

			  form.searchform input#s {width:180px;}
			  
			  .promo h1 {font-size:40px;}
			  .promo h1 span {font-size:65px}

		  }

@media (max-width:950px) {
	
				  .promo h1 {font-size:40px; margin:10px 0 300px 0}
			  .promo h1 span {font-size:65px}
	.promo {background: url(https://www.couriersave.co.uk/images/courier-insurance-bg-mobile.png) #a9d6da repeat-x 50% 100%;}
}

		   @media (max-width:920px) {

			  .container {width:768px;} 

			   .menu a {padding:13px 13px 14px 13px; font-size:15px;}

			   .insurers h3 {font-size:24px;}

			   .colx3 div {width:240px; margin:0 8px 0 8px;}

			   .colx3 div:first-of-type {}

			   .colx3 div p {height:90px;}

			   .colx3 div h4 {font-size:20px; line-height:90%; margin-bottom:10px;}

			   .colx3 div a {padding: 8px 35px 8px 8px; font-size:20px; background-size:20px auto;}

			   .main .inner-content .text-block {width:auto; float:none; min-height:inherit; height: auto !important;}

			   .main .inner-content .news-block {width:auto; float:none; min-height: inherit; height: auto !important; margin-top:20px;}

			   .main .inner-content.inside .text-block{}

			   .main .inner-content.inside .text-block {width:auto; margin-bottom:20px; min-height: inherit; height:auto !important;}

			   .colx3.inside div {margin:0 8px 0 8px;}

			   form.searchform input#s {width:250px;}
.promo h1 {font-size:35px;}
			  .promo h1 span {font-size:58px}
		  }

@media (max-width:768px) {
.promo h1 {font-size:35px; line-height:100%;}
			  .promo h1 span {font-size:58px}
	.promo {background: url(https://www.couriersave.co.uk/images/courier-insurance-bg-mobile.png) #a9d6da repeat-x 50% 100%;}
	
}

		  @media (max-width:767px) {

			  .container {width:100%;}

			  .colx3 div {width:511px; padding:12px 10px 0 0; margin:0 auto 20px auto; float:none; background-size:cover; background-position:50% 30%;}

			  .colx3 div:nth-of-type(2) {background-position:50% 38%;}
			  
			  .colx3 div:nth-of-type(3) {background-position:50% 50%;}

			  .colx3 div p,.colx3 div:last-of-type p {font-size:17px; width:auto; max-width: 340px; height:70px;}

			  .colx3 div a {padding: 12px 45px 12px 12px; font-size:24px; background-size:auto;}

			  .colx3 div br {display:none;}

			  .main .foot-menu .container {text-align: left; padding-left:10px;}

			  .foot-menu a { padding:10px 15px 10px 15px; font-size:14px;}

			  .main .inner-content {padding:20px 0 10px 0;}

			  .menu {display:none;}

			  .mobile-menu {display:block;}

			  .header {padding:15px 0 6px 0;}

			  .header .logo {padding:10px 0 0 15px; max-width:260px;}

			  .header .tel {width:250px;}

			  .header .tel a {font-size:36px; padding:6px 0 8px 0;}

			  .header .tel p:first-of-type {font-size:14px;}

			  .header .tel p:last-of-type {font-size:13px;}

			  .header .tel p:last-of-type span {display:none;}

			  .promo h1 {font-size:40px; }
			  
			  .promo h1 span {font-size:60px;}

			  .promo h2 {margin-bottom:10px;font-size:22px;}

			  .promo p {font-size:16px;}

			  .promo .container {padding:20px 20px 20px 30px}

			  			  .insurers h3 {font-size:19px;}

			  .insurers .container {margin:12px auto 10px auto; }

			  .colx3.inside div {margin:0 auto 20px auto;}

			  .insurer-logos-lrg {width:100%; display:block;}

.insurer-logos-lrg img {width:100%; height:auto;}

			 
		  }

 @media (max-width:699px) {
	 .promo {background-position:80% 100%;}
}

		  @media (max-width:650px) {

			  .promo h1 {}

			  .promo p {margin-bottom:10px; width:auto;}

			  .promo ul {width:400px;}

			  .promo {}

			  .main .inner-content .text-block h1 {font-size:28px;}

	

		  }

		  @media (max-width:550px) {

			  .scroll-top {width:50px; height:50px; top:-68px; right:7px;}



			  .promo h1 {}

			  .promo p {font-size:15px;}

			  .header .logo {float:none; width:100%; margin:0 0 0 0; padding:0 0 0 0; text-align: center;}

			  .header .tel {float:none; width:100%; margin:0 0 0 0; padding:0 0 0 0; text-align: center;}

			  .mobile-menu .container {text-align:left; }

			  .mobile-menu .menu-button span {display:none;}

			  .mobile-menu .menu-button {background-position:50% 50%; height:40px; display:block; width:50px; margin:-30px 0 -1px 10px; padding:8px 0 8px 0;}

			  .colx3 div { width:450px;}

			  .colx3 div p {font-size:16px;height:80px;}

			  .colx3 div p,.colx3 div:first-of-type p,.colx3 div:last-of-type p { max-width:300px;}

			  .insurers h3 span {display:none;}

			  			  .header .logo {width:50%; margin:0 auto 0 auto;}

			  .tel h3.slogan {

    margin-top: 5px;

    max-width: 250px;

    margin: 5px auto 0 auto;

}

		  }

		  @media (max-width:500px) {

			  .scroll-top {width:50px; height:50px; top:-68px; right:7px;}

			   .colx3 div { width:400px;}

			  .colx3 div p,.colx3 div:last-of-type p {font-size:14px; height:80px;}

			  .colx3 div p,.colx3 div:first-of-type p,.colx3 div:last-of-type p { max-width:240px;}

			  .promo h1 {}

			  .promo p {font-size:14px;}

			  .promo h2 {font-size:20px;}

			  .promo ul li {font-size:18px; background-size:contain; width:165px;}

			  .promo {background-position:80% 100%;}

			  .promo ul {width:auto;}

			  .main .inner-content .text-block h1 { behavior: url(border-radius.htc);

    -moz-border-radius: 10px 10px 0 0;

    -webkit-border-radius: 10px 10px 0 0;

    -khtml-border-radius: 10px 10px 0 0;

			  border-radius: 10px 10px 0 0;}

			  .foot-menu {width:400px;}

			  .foot-menu a {padding:10px 10px 10px 10px; font-size:13px;}

.tel h3.slogan {    font-size: 14px;}

			  .promo h1 {font-size:34px; line-height:90%;}

		  }

		  @media (max-width:450px) {


			  .colx3 div { width:300px;}

			  .colx3 div h4 {font-size:18px;}

			  .promo {background-position: 85% 100%;}

			  .promo h1 {}

			  

			  .promo h2 {font-size:17px;}

			  .promo ul li {font-size:16px;}

			  .promo a.get-quote-button {margin-top:10px;}

.header .logo {width:50%; margin:0 auto 0 auto;}

			  .colx3 div p {width:auto; height:110px;}

			  .colx3 div p,.colx3 div:first-of-type p,.colx3 div:last-of-type p { max-width:150px;}

			  .foot-menu { margin-left:10px; width:240px; background-color:#143e54; }

			  .main .foot-menu .container {text-align: center; padding-left:0;}

			  .foot-menu a {padding:10px 14px 10px 14px; font-size:14px; display:inline-block; border-right:none;}

			  .promo h1 span {}


		  }

		   @media (max-width:400px) {

			   .promo h1 { margin-bottom:300px;}
			   
			    .promo h1 span {display:block; font-size:70px; margin-top:20px;}

			   .promo h2 {font-size:16px;}

			   .insurers h3 {font-size:17px;} 

			   .header .logo {width:60%; margin:0 auto 0 auto;}

			   .mobile-menu .menu-button span {display:inline-block;}

			   .mobile-menu .menu-button {padding: 7px 10px 0px 45px; width:auto; margin: 0 auto 0 auto; background:url(https://www.couriersave.co.uk/images/menu.png) no-repeat 7% 50% #143e54; background-size:24px auto; display:inline-block; height:32px;}

			   .mobile-menu .container {text-align: center; padding-left:0;}

			   .promo ul li:nth-of-type(4),.promo ul li:nth-of-type(6) {display:none;}

			   .promo .container { padding:15px 10px 15px 15px;}

			   .promo ul li {width:140px; padding-left:24px; font-size:15px;}

			   .promo a.get-quote-button {padding:12px 60px 14px 25px}

			    .promo ul li:nth-of-type(1),.promo ul li:nth-of-type(3) {width:130px;}

			   form.searchform input#s {width:200px;}

		  }