html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Slab', 'Lato', sans-serif;
	font-size: 14px;
	line-height: 17px;
	overflow-x: hidden;
}
*{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
a {
	outline: 0;
	color: #00f;
}
a:hover,a:focus{
    text-decoration:none;
    color:#00f
}
#contentpractice a,#contentpractice a:hover,#contentpractice a:focus{
    color:#2581bf
}
:focus {
    outline: none!important
}
p {
	margin:0 0 20px;
	padding:0;
	color:#000;
	float:left;
    width:100%
}
p.white{
	color:#fff
}
p.large {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold
}
p.signature{
    font-family: "Oooh Baby", cursive;
    font-size:26px;
    line-height:30px
}
p:only-child,p:last-child,.martinsmith p:last-child{
    margin-bottom:20px
}
#contentpractice .twothirds p:last-child{
    margin-bottom:20px
}
#contentvision .onehalf p:last-child{
    margin-bottom:0
}
#contentvision .onehalf.wider p:last-child{
    margin-bottom:10px
}
strong.darkblue {
	color:#04468c;
	font-size: 18px;
	padding-right: 10px;
}
span.orange,span.blue,span.green,span.lime,span.drkblue,span.msblue,span.msgreen,span.black {
	font-weight:700
}
.notice span.blue {
	color:#009fe3
}
#footer span.blue {
	color:#5f3184
}
span.green,p.green {
	color:#249a8e
}
span.orange,p.orange {
	color:#de5438
}
span.drkblue {
	color:#1b3e61
}
span.lime {
	color:#49c970
}
span.msblue {
    color:#2a2c6d
}
span.msgreen {
    color:#a8c611
}
.martinsmith h4.tabheader{
    font-weight:500;
    padding:10px 20px 10px 30px;
    margin:0 0 20px -30px;
    color:#fff;
    text-transform:none;
    width:auto;
    float:left
}
.martinsmith h4.tabheader.msblue{
    background:#2a2c6d
}
.martinsmith h4.tabheader.msgreen{
    background:#a8c611
}
img {
	border: 0;
}
iframe{
    width:calc(100% + 60px);
    margin:0 -30px -3px;
    height:432px
}
#wrapper {
	width: 708px;
	padding: 25px 30px 0;
	margin: 0 auto;
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	position: relative;
	overflow: hidden;
}
#header {
	max-height: 180px;
	min-height: 140px;
}
#logo {
	margin:0;
	padding: 0;
	width: 52%;
	float: left;
	position: relative;
    line-height:0
}
#contact {
	font-size: 13px;
	line-height: 17px;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 42%;
	float:right
}
#menuanchor {
}
#menudate {
	background:#f46427;
	margin: 0 0 0 -30px;
	padding: 0;
	float: left;
	width:768px
}
.memory #menudate {
	background:#d9b010
}
.martinsmith #menudate {
	background:#1c1e57
}
#mobilemenu {
	display: none;
}
#menu {
	float: left;
	color: #000;
	margin: 0;
	padding: 0 0 0 30px;
	position: relative;
	font-size: 15px;
	width: calc(100% - 30px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    justify-content: flex-start
}
.fixed {
    position: fixed !important;
    top: 0;
	z-index: 100;
}
#date {
	float: left;
	margin: 0 -30px 0 0;
    padding: 10px 30px 13px;
	background: #000;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	text-align: right;
	width: 125px;
	position: relative;
}
#content {
	border-bottom: 1px solid #ddd;
    float: left;
    margin: 0 0 22px;
    position: relative;
}
#advert{
    font-size:19px;
    color:#fff;
    padding:80px;
    text-align:center;
    background:#b4b4b2;
    font-weight:700;
    float:left;
    margin: 0 -30px;
    line-height:21px;
    position:relative
}
#advert.image{
    padding:0
}
#advert.image a{
    width:100%;
    height:100%
}
#advert.image img{
    width:100%;
    height:auto
}
#contentdarkgrey p, #contentarticle4 p.subhead, #contentarticle4 ul li {
    color: #fff
}
#contentnoborder,#contentbespoke,#contentpractice,#contentvision,#contentbespoke,#contentdarkgrey,#contentarticle,#contentarticle2,#contentarticle3,#contentarticle4,#contentarticle5,#contentarticle6 {
	border-bottom: none;
    margin: 0 -30px 30px;
	padding: 0 30px;
	float: left;
    position: relative;
	background: #fff
}
#contentnoborder,#contentbespoke,#contentpractice,#contentvision,#contentdarkgrey,#contentarticle3,#contentarticle5,#contentarticle6,#contentvision{
    margin-bottom:0;
    padding-bottom:30px
}
#contentnoborder{
    padding-bottom:275px
}
#contentpractice{
    padding-bottom:310px;
    z-index:2
}
#contentdarkgrey{
    padding-bottom:30px
}
#contentvision{
    padding-bottom:225px
}
#contentarticle5{
    margin-bottom:0
}
#contentarticle4{
    padding-top:30px;
    padding-bottom:30px;
    margin-bottom:0
}
#contentarticle5{
    padding-top:30px
}
#contentarticle5 ul{
    float:left;
    margin-bottom:20px
}
#contentarticle5 ul li:last-child{
    margin-bottom:0
}
#contentarticle4 a,#contentarticle4 a:hover,#contentarticle5 a,#contentarticle5 a:hover{
    color:#a8c611
}
#contentsomething{
    float: left;
	margin: 0 -30px;
	padding: 250px 30px 30px;
	width: 100%;
    position: relative;
	overflow: hidden
}
#contentsomething{
    padding:0 30px 30px
}
.notice{
    float:left;
    padding:20px 30px 25px;
    color:#fff;
    margin:0 -30px;
    font-weight:700;
    font-size:20px;
    position:relative;
    background:#3ca0d7
}
.notice.left{
    background:#004087;
    font-size:28px;
    width:100%
}
.notice p{
    float:left;
    width:80%;
    color:#fff;
    margin:0;
    line-height:1.2
}
.notice.left p{
    margin-left:32%;
    width:68%;
    line-height:1;
    letter-spacing:0.03em
}
.notice.left p.large{
    font-size:42px;
    letter-spacing:0
}
.notice img{
    position:absolute;
    bottom:0;
    right:0;
    height:210px;
    width:auto
}
.notice.left img{
    left:30px;
    height:170px;
    bottom:25px
}
.circle{
    border-radius:50%;
    width:190px;
    height:190px;
    padding:25px;
    color:#fff;
    font-size:19px;
    font-weight:700;
    position:absolute;
    left:30px;
    bottom:80px;
    z-index:99;
    text-align:center;
    line-height:21px;
    display:-webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display:-moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display:-ms-flexbox;      /* TWEENER - IE 10 */
  	display:-webkit-flex;     /* NEW - Chrome */
  	display:flex;
    align-items:center;
    justify-content:center
}
.circle.right.last{
    top:-25px;
    right:30px
}
.circle.right.drkblue.last{
    bottom:-35px;
    top:auto;
    right:30px
}
.circle.middle{
    bottom:calc(50% - 120px)
}
.circle.right{
    right:50px;
    left:auto;
    bottom:50px
}
.circle.top{
    top:40px;
    bottom:auto
}
.circle.green{
    background:#249a8e;
}
.circle.blue{
    background:#131238
}
.circle.pink{
    background:#c41f18
}
.circle.orange{
    background:#de5438
}
.circle.grey {
    background:#b4b4b2
}
.circle.drkblue{
    background:#1b3e61
}
.circle.white{
    background:#fff;
    color:#000
}
.circle.martinsmith{
    background:#2a2c6d;
    font-size: 15px;
    width: 175px;
    height: 175px;
    line-height: 18px;
    left: auto;
    right: 110px;
    bottom: 245px
}
p.greenbg,p.bluebg {
	padding:20px;
	color:#fff!important;
	font-size:17px;
	margin-top:2px;
	line-height:18px;
	font-weight:bold;
	text-align:center
}
p.greenbg{
	background:#70c601
}
p.bluebg{
    background:#3ca0d7
}
#contentdarkblue h1 {
    color: #3ca0d7;
}
#contentpractice h1 {
    color: #1b3e61;
}
#contentdarkgrey h1 {
    color: #49c970;
}
#contentlight h1{
    color:#4a84c0
}
#contentblack,#contentamd {
    float: left;
	margin: 0 -30px;
	padding: 0 30px 10px;
	width: 100%;
    position: relative
}
#contentblack h1 {
    color: #ee7326;
    float:right;
    margin-left:55%
}
#contentamd h1 {
    color: #f9d900
}
#contentquestions {
    float: left;
	margin: 0 -30px;
	padding: 0 30px 10px;
	width: 100%;
	background: #f48744;
    position: relative;
}
#contentquestions p {
	color: #000;
}
#contentquestions h1 {
    color: #04468c;
}
#contentquestions .twothirds {
	width:55%
}
#contentquestions .twothirds.long {
	width:60%
}
#contentfull {
	float: left;
	margin: 0 -30px -4px;
	padding: 0;
	width: calc(100% + 60px);
	overflow: hidden;
}
#contentlast {
    float: left;
    margin: 0;
    position: relative;
}
.onehalf,.twothirds {
	float:left;
	width:45%;
	margin:0;
	padding:0;
}
.onehalf.thinner {
	width:38%;
    padding-right:22%
}
.onehalf.wide {
	width:42%;
    padding-right:18%
}
.onehalf.wider {
	width:52%;
}
.onehalf.right,.twothirds.right {
	float:right
}
.twothirds.wider {
	width:70%
}
#contentnoborder .onehalf {
	width:45%
}
#contentnoborder .onehalf.longer {
	width:55%
}
#contentvision .onehalf {
	width:52%
}
#contentvision .onehalf.wider {
	width:63%
}
#contentsomething .onehalf {
	width:52%
}
#footer{
    color:#fff;
    float:left;
    margin:0 -30px;
    padding:30px;
    background:#5f3184;
    text-align:center;
    width:100%;
    font-size:15px;
    line-height:20px
}
#footer p,#footer p:last-child{
    color:#fff;
    width:100%;
    margin:0
}
#footer p .fa-brands{
    font-size:16px;
    margin:0 10px
}
.twothirds {
	float:left;
	width:66%;
	margin:0;
	padding:0;
}
.twothirds.long {
	width:70%
}
.twothirds.longer {
	width:80%
}
#contentlightgrey .twothirds {
	width:72%
}
.twothirds.pull-right {
	float:right;
	width:66%
}
.threethirds {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#contentdarkgrey .twothirds {
	width:60%;
}
.didyouknow .twothirds {
	width:66%;
}
.didyouknow .onethird {
	float: right;
	width: 33%;
	padding: 0;
	text-align: right;
}
.leftcolumn p {
	color:#fff
}
.leftcolumn h2 {
	color:#fff;
	background:#abd037;
	padding:8px 8px 8px 30px;
	margin:0 0 20px -30px;
	width:calc(100% + 30px);
	font-size:19px;
	font-weight:700;
	font-family:'Roboto Slab', serif;
}
.leftcolumn p strong {
	font-size:16px;
	margin-bottom:5px
}
.leftcolumn p span {
	font-size:16px
}
.testimonial {
	font-style:italic;
	font-size:17px;
	line-height:21px;
	color:#1a2674
}
.msgreen {
	color:#abd037
}
.testimonial strong {
	font-weight:700;
	font-size:14px;
	font-style:normal;
	line-height:20px;
	color:#abd037
}
.imageleft {
	float: left;
	margin: 10px 30px 28px 0;
	padding: 0;
	max-width:100%;
	height:auto
}
.imageright {
	float: right;
	margin: 10px 0 28px 30px;
	padding: 0;
	max-width:100%;
	height:auto
}
#contentbespoke .imageright {
	margin: 0 0 40px 30px
}
.imagebotright {
	float: right;
	position:absolute;
    bottom:0;
    right:0;
	padding: 0;
	width:auto;
	height:100%
}
.imagebotright.half {
	max-width:calc(50% - 80px);
	height:auto
}
.imagetopright {
	float: right;
	position:absolute;
    top:0;
    right:0;
	padding: 0;
	max-width:calc(50% - 80px);
	height:auto
}
.imagefull {
	float: left;
	margin: 10px 0 28px -30px;
	padding: 0;
	width:calc(100% + 60px);
	height:auto
}
.onethird {
	margin: 0 64% 0 0;
	width: 36%;
	padding: 0 15px 0 0;
	float: left;
}
.twothird {
	margin: 0 25% 0 0;
	width: 70%;
	padding: 0 15px 0 0;
	float: left;
}
.threequart {
	margin: 0 10% 0 0;
	width: 90%;
	padding: 0 15px 0 0;
	float: left;
}
#contentlight .onethird {
	width: 50%
}
.onethird.pull-right {
	margin: 0;
	width: 45%;
	padding: 0;
	float: right;
}
.onethird.first {
	padding: 0 15px 0 0;
	width: 31%;
	letter-spacing: -0.02em;
}
.onethird.last {
	padding: 0 0 0 15px;
	width: 31%;
}
.didyouknow {
	float: left;
	margin: 0 -30px;
	padding: 22px 30px 14px;
	width: 100%;
	background: #8cbb31;
}
.didyouknow p {
	color: #fff;
	font-size: 20px;
	line-height: 25px;
	margin: 5px 0 20px;
    font-weight: 700;
    padding:10px 0
}
.didyouknow p:last-child {
	margin: 0;
}
h1, h2, h3 {
	font-family: 'Alfa Slab One', cursive;
}
.martinsmith h1,.martinsmith h2,.martinsmith h3,.martinsmith h4 {
	font-family: 'Roboto', sans-serif;
    text-transform:uppercase;
    font-weight:500;
    color:#a8c611
}
h1 {
	font-size:45px;
    line-height:50px;
    font-weight:normal;
    width:100%;
    margin:0;
    padding:40px 0 25px;
	color:#249a8e
}
h1.darkblue, h2.darkblue {
	color:#4a7dac!important
}
h1.jarvis,span.jarvisblue{
	color:#0e3b9b!important
}
h1.concept,.concept{
	color:#a10333!important
}
h1.partridge,span.partridge{
	color:#23246c!important
}
h1.rundle,span.rundle{
	color:#856bdd!important
}
h1.hammond,span.hammond{
	color:#4e3371!important
}
.martinsmith h2{
    font-size:30px;
    line-height:30px;
    width:100%
}
span.jarvisblue,.concept{
    font-weight:bold
}
#contentbespoke h1{
    color:#000
}
#contentvision h1{
    color:#de5438
}
p.subhead {
	font-size:16px;
	line-height:19px;
	font-weight:700;
}
.martinsmith p.subhead {
	color:#2a2c6d
}
#header h1 {
	font-size:40px;
	font-weight:600;
	width:55%;
	margin:0;
	padding:0;
	line-height:48px;
	position:relative;
	float:left;
	color:#000
}
#header #logo .subhead {
	font-weight: 600;
	line-height: 3;
	font-size: 14px;
}
#header h1 .subhead {
	font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    float: left;
    margin: 10px 0 20px;
}
#header h2{
	font-size: 18px;
	font-weight: 600;
	width: 52%;
	margin: 10px 0 30px;
	padding: 0;
	line-height: 21px;
	letter-spacing: -0.025em;
	position: relative;
	float: left;
}
h2 {
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	color: #000;
	width: 100%;
	margin: 0;
	padding: 0 0 20px;
}
h3 {
	font-size: 21px;
	line-height: 21px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0 0 22px;
}
h4 {
	font-size: 19px;
	line-height: 19px;
	color: #fff;
	margin: 0 0 25px
}
#footer h4 {
	background:#f46427;
    color:#fff;
    margin:-30px -30px 30px;
    padding:15px 30px;
    font-size:18px
}
ul {
	padding:0;
	margin:0;
    float:left
}
ul.bullets{
    padding:0 0 0 14px;
    margin:0
}
.onehalf ul {
	margin:20px 0 0
}
ul li {
	padding:0;
	margin:0 0 10px;
    list-style:none
}
ul.bullets li {
	padding:0;
	margin:0 0 15px;
    list-style:disc
}
ul.bullets.bold li {
	font-weight:700;
    font-size:15px;
    line-height:18px
}
ol.bullets {
	padding:0 0 0 20px;
}
ol.bullets li {
	padding: 0 0 0 10px;
	font-weight: bold;
}
ol.bullets li span {
	font-weight: normal;
}
#contact p {
	margin-bottom: 0;
	color: #000;
	float:right
}
#contact p strong {
}
#menu strong {
	color: #fff;
	margin: 0 5px 0 0;
	position:relative;
    width:100px;
    line-height:1
}
#menu a {
	margin: 0;
	padding: 0;
}
#backtop {
	z-index: 99;
	position: fixed;
	right: 25px;
	bottom: 25px;
	margin: 0;
	padding: 10px 12px 12px;
	background: #000;
	display: none;
}
#backtop .fa-chevron-up:before {
	color: #00b3f0;
	font-size: 20px;
}
#contact .fa-brands{
    color:#000;
    font-size:15px!important;
    margin:0 0 0 10px
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin: 0 0 25px;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#copyright {
	font-weight: bold;
	background: #c90c0c;
	padding: 20px 30px 10px;
	float: left;
	margin: 5px 0 -5px -30px;
	width: 100%;
}
#copyright p {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
}
#copyright a, #copyright a:hover {
	color: #fff;
	text-decoration: underline;
}
#menu i.fa {
    color:#fff;
    position:absolute;
    right:30px;
    top:50%;
    cursor:pointer;
    font-size:18px!important;
    margin:-9px 0 0 0;
    pointer-events:none
}
.select-css {
    display: block;
    font-size: 15px;
    color: #fff;
    line-height: 2;
    height:45px;
    padding: 0 30px 0 15px;
    width: calc(100% - 100px);
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius:0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color:#5f3184;
    cursor:pointer
}
.martinsmith .select-css {
    background:#2a2c6d
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
    display:none
}
/* Hover style */
.select-css:hover {
    border-color: transparent
}
/* Focus style */
.select-css:focus {
    border-color: transparent;
    /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
    box-shadow:none;
    box-shadow:none -moz-mac-focusring;
    color: #fff; 
    outline: none
}
/* Set options to normal weight */
.select-css option {
    font-weight:normal
}
/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
    color: #fff;
    background-image: none
}
.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color:transparent
}
.visible {
    visibility: visible
}
.invisible {
    visibility: hidden
}
@media only screen and (max-width: 767px){
	input, select {
	border-radius: 0;
	background: #fff;
	}
	body {
	font-size: 14px !important;
	line-height: 16px !important;
	}
	#contentdarkblue p.white {
	font-size: 14px;
	line-height: 18px;
	}
	#wrapper {
	width: calc(100% - 60px);
    padding: 70px 30px 0;
	}
	#header {
	min-height: 150px !important;
	max-height: 500px;
    overflow:auto
	}
	#logo {
	width: 100% !important;
	text-align: center;
	margin: 0 0 20px;
	min-height: 60px;
	}
	#contact {
	width: 100% !important;
	text-align: center !important;
	margin: 0 0 25px 0;
	position: relative;
	float: right;
	top: 0;
	right: 0;
	}
	#contact p {
	font-size: 12px;
	line-height: 15px;
	width:100%
	}
	#menu {
	font-size: 14px !important;
    margin: 0
    }
	#menudate, #menuanchor {
    display: none;
	}
	#mobilemenu {
	display: block;
	left: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
	top: 0;
	position: fixed !important;
	z-index: 100;
	background:#f46427;
    max-height:45px
	}
	#menu select {
	font-size: 14px;
	margin: 0
	}
	#content {
	border-bottom: 1px solid #ddd;
    float: left;
    margin: 0 0 22px;
    position: relative;
	}
	#contentnoborder {
	box-sizing:content-box!important;
    padding-bottom:40px!important
	}
    #contentbespoke,#contentnoborder, #contentdarkgrey, #contentpractice, #contentvision, #contentsomething, #header, #contentarticle, #contentarticle2, #contentarticle3, #contentarticle4, #contentarticle5, #contentarticle6 {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    }
    #contentarticle5{
    padding-bottom:0
    }
    #contentarticle3{
    padding-bottom:0
    }
    #contentarticle6{
    margin-bottom:-30px
    }
    #contentvision .onehalf {
    width: 52%;
    }
    #contentsomething .onehalf {
    width: 48%;
    }
    .circle.right.blue.last {
    bottom:420px
    }
    .circle.lightblue {
    top: 160px
    }
    .circle.martinsmith{
    background:#2a2c6d;
    font-size: 14px;
    width: 165px;
    height: 165px;
    line-height: 17px;
    left: auto;
    right: 90px;
    bottom: 245px
    }
    .notice.left {
    font-size: 26px;
    }
    .notice.left p.large {
    font-size: 39px;
    }
    .notice img {
    height: 180px
    }
    #contentlight {
    padding: 0 30px 70px;
    }
    #contentlight .onethird {
    text-align:left
    }
    #contentlight p.large {
    font-size: 21px
    }
    #contentlight p.large span.larger {
    font-size: 30px;
    }
	#contentfull {
	width: calc(100% + 60px);
	overflow: hidden;
	max-height: 450px;
	margin: 0 -36px 18px;
	}
	#contentfull.last {
    margin: 0 -36px -4px;
	}
	p.bluebg,p.pinkbg {
	padding:15px;
	font-size:14px;
	line-height:16px
	}
    .twothird{
    width:72%
    }
	.twothirds.longer {
    width:70%
	}
	.whichlogo {
    margin: 0 auto 25px;
    float: none;
    display: block;
	}
	.whichred p {
    width:100%;
	}
	.didyouknow {
    margin: 0 -36px;
    padding: 22px 36px 14px;
	}
	.onethird, .onethird.first, .onethird.last {
	float: right;
	margin: 0;
	padding: 0;
    width:40%
    }
	#contentred .onethird, #contentred .onethird.first, #contentred .onethird.last {
	width: 100%;
	text-align: center;
	}
	.onethirdpad {
	display: none!important;
	}
	.didyouknow p {
	font-size: 16px;
    line-height: 23px
	}
	.didyouknow .twothirds {
	width:62%;
	}
	strong.blue, strong.white {
    font-size: 15px;
	}
	img {
	max-width: 100%;
	height: auto;
	}
    .imagefull {
	margin: 10px 0 28px -30px;
	max-width:200%
    }
	h1 {
	font-size: 44px;
	line-height:48px
	}
	#header h1 {
  	font-size: 40px !important;
  	margin: 12px 0 20px;
  	line-height: 45px;
	text-align: center;
	width: 100% !important;
	}
	h2 {
	width: 100%;
	padding: 15px 5% 17px 5%;
	margin: 0 0 25px 0;
	font-size: 21px;
	}
    .martinsmith h2 {
    padding:0;
    }
	#header h2 {
  	font-size: 15px;
 	width: 100%;
 	margin: 0px 0 15px;
  	line-height: 18px;
	text-align: center;
	}
	img.msimage {
	}
    img.msimagebot {
	margin:0 30px 20px 0!important
	}
	.leftcolumn {
	top:345px!important
	}
	.rightcolumn {
	margin: 0!important
	}
	#backtop {
	padding: 4px 8px 8px;
	}
	#backtop .fa-chevron-up:before {
	font-size: 14px;
	}
	#copyright {
	width: 99%;
	padding: 20px 25px 20px 32px;
	}
	#copyright p {
	font-size: 14px;
	}
    #contentvision .onehalf.wider{
    width:58%
    }
    #contentnoborder{
    background-repeat:no-repeat!important;
    padding-bottom:200px!important
    }
    p.large{
    font-size:15px;
    line-height:17px
    }
    .circle{
    width:170px;
    height:170px;
    font-size:17px;
    line-height:18px
    }
    .circle.right {
    right:40px;
    bottom:40px
    }
    .circle.right.last{
    top:30px
    }
    .circle.right.drkblue.last {
    bottom: 40px
    }
}
@media only screen and (max-width: 700px){
	.didyouknow p {
    font-size: 16px;
    line-height: 21px;
	text-align:center;
	margin: 5px 0 15px;
	}
    #contentdarkgrey {
    background-position:right -75px center!important;
    }
    #contentvision .onehalf {
    width: 54%
    }
    #contentpractice .onehalf {
    width: 48%
    }
    #contentvision .twothirds {
    width: 57%
    }
    #contentpractice h1{
    width:125%
    }
	.twothirds.longer {
    width:66%
	}
	img.msimage {
	height:320px
	}
	h1.martinsmith{
	font-size:28px;
	line-height:32px
	}
	p.subhead.martinsmith{
	font-size:14px
	}
	.leftcolumn {
	top:320px!important
	}
    .notice {
    font-size: 18px;
    }
    .notice.left {
    font-size: 24px;
    }
    .notice.left p.large {
    font-size: 36px;
    }
    .notice img {
    height: 180px
    }
    h4 {
    font-size: 18px
    }
    iframe {
    height: 385px;
    }
    #contentpractice {
    background-position:right -50px bottom!important
    }
}
@media only screen and (max-width: 600px){
	body {
	font-size: 14px !important;
	line-height: 17px !important;
	}
    h1 {
	font-size: 40px;
	line-height:44px
	}
    #contentpractice h1{
    width:100%
    }
    #wrapper {
    width: calc(100% - 60px)
    }
    .didyouknow .onethird {
    width:100%;
    text-align: center;
	}
    #contentnoborder .onethird{
    width:45%;
    margin-right:50%;
    text-align:left
    }
    .onethird,.twothird{
    width:100%;
    margin-right:0
    }
    #contentpractice .onehalf,#contentdarkgrey .onehalf{
    width:100%!important
    }
    #contentnoborder .onethird{
    width:100%;
    margin-right:0
    }
    .circle{
    left:50%!important;
    margin-left:-110px;
    bottom:245px!important
    }
    .circle.right.green,.circle.right.grey{
    left:50%!important;
    margin-left:-110px;
    top:auto;
    bottom:340px!important
    }
    .circle.right.drkblue.last{
    bottom:225px!important;
    left:30px!important;
    margin-left:0!important
    }
    .circle.right.orange.last{
    bottom:175px!important;
    top:auto
    }
    .circle.white{
    bottom:40px!important
    }
    .circle.martinsmith {
    bottom:450px!important;
    left:30px!important;
    margin-left:0!important
    }
    .circle.purple.right.last {
    right:auto;
    left:50%!important;
    top:auto!important;
    bottom:195px!important
    }
    .circle.yellow {
    left:30px!important;
    right:auto;
    bottom:90px!important;
    top:auto;
    margin:0!important
    }
    .circle.right.blue.last{
    left:calc(50% - 120px)!important;
    right:auto;
    bottom:170px!important;
    top:auto;
    margin:0!important
    }
    .circle.right.last.green{
    top:auto;
    bottom:200px!important
    }
    .notice{
    padding:18px 30px 20px
    }
    .notice p{
    width:65%;
    font-size:15px;
    line-height:1
    }
    .notice.left{
    padding-top:65px;
    font-size:18px
    }
    .notice.left p{
    margin-left:0;
    width:100%;
    text-align:center
    }
    .notice.left p.large{
    font-size:27px;
    }
    .notice img{
    height:160px
    }
    .notice.left img{
    left:50%;
    height:120px;
    bottom:75px;
    margin-left:-68px
    }
	.twothirds,#contentlightgrey .twothirds,.twothirds.long,.twothirds.longer,.onehalf {
	width:100%!important
	}
	#contentfull.msawards{
	max-height:400px
	}
	#contentfull.grcolumns{
	max-height:650px
	}
	.msawards p,.grcolumns p {
	width:100%!important;
	margin:0 0 20px!important;
	padding:0!important
	}
	.grcolumns p{
	width:calc(100% - 40px)!important;
	padding:0 20px!important
	}
	.msawards p:last-child,.grcolumns p:last-child {
	margin:0!important
	}
	.didyouknow {
    margin: 0 -6%;
    padding: 30px 6% 28px;
    width: 100%;
    overflow: hidden;
	}
    #advert{
    margin:0 -30px
    }
    #contentnoborder{
    padding-bottom:500px!important
    }
	#contentnoborder .twothirds, #contentquestions .twothirds {
	width:100%
	}
	#contentquestions {
	padding-bottom:300px
	}
	img.msimage {
	height:auto!important
	}
	.leftcolumn {
    width:100%!important;
	float:left;
    position:relative!important;
    top:auto!important;
    height:auto!important;
	margin-left:-30px
	}
	.rightcolumn {
    width:100%!important;
	float:left;
	margin-left:-30px
	}
	.imageleft, .imageright {
	float: none;
	margin: 0 auto 20px!important;
	display: block;
	max-width:100%!important
	}
    #contentbespoke .imageright {
    width:100%!important
	}
    .imagebotright,.imagetopright,.imagebotright.half{
    position:relative;
    float:left;
    width:calc(100% + 60px)!important;
    max-width:calc(100% + 60px);
    height:auto;
    margin:30px -30px 0
    }
	.didyouknow .twothirds {
    width: 100%;
	padding: 0 0 20px;
	}
    h4,#footer h4 {
    font-size: 17px
    }
    iframe {
    width: calc(100% + 40px);
    margin: 0 -20px -3px;
    height: 232px;
    }
    #contentpractice {
    background-repeat:no-repeat!important;
    background-size:130%!important;
    padding-bottom:475px
    }
    #contentvision {
    background-repeat:no-repeat!important;
    background-size:100%!important;
    padding-bottom:400px!important
    }
    #contentdarkgrey {
    background-repeat:no-repeat!important;
    background-size:100%!important;
    padding-bottom:230px!important;
    background-position:center bottom!important;
    background-image:url(../images/autumn2025/glasses-mob.jpg)!important;
    }
}
@media only screen and (max-width: 450px){
	#logo img {
	height: auto;
    max-width: 100%
	}
	body {
	font-size: 14px !important;
	line-height: 17px !important;
	}
	#menu {
	padding:0;
    width:100%
	}
    #menu select.select-css{
	width:100%;
    padding:0 20px
	}
    #menu i.fa{
    right:20px
    }
	#wrapper {
	padding: 70px 30px 0;
    border:none
	}
	#contact {
	margin: 0 0 30px 0;
	}
	#contact p {
	font-size: 13px;
	line-height: 17px;
	}
	#header h1 {
  	font-size: 36px !important;
  	line-height: 40px;
	}
	#menu strong {
    display: none;
	}
	#date {
    font-size: 15px;
    width: 100px;
	}
	#contentdark {
	margin: 0 -5%;
	}
	#contentfull {
	width: calc(100% + 60px);
	max-height: 265px;
	}
	#contentfull.last {
	margin: 0 -30px -4px;
	}
	#contentnoborder {
	padding-bottom:580px!important;
    background-size:130%!important
	}
	#contentdarkblue {
	width:100%;
	box-sizing:content-box!important;
	padding-top:220px!important;
    padding-bottom:60px;
    background-size: 100%!important
	}
	.didyouknow p {
    font-size:15px;
    line-height:19px
    }
    img.msimage {
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px!important
	}
    img.msimagebot {
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px!important
	}
	#copyright {
	width: 95%;
	padding: 20px 22px 20px 38px;
	}
    #contentdarkgrey {
    background-size:100%!important;
    background-repeat:no-repeat!important;
    background-position:center bottom!important
    }
    #contentvision{
    background-size:120%!important;
    background-position:bottom center -20px!important;
    background-repeat:no-repeat!important
    }
}
@media only screen and (max-width: 375px){
	h1 {
	font-size: 36px;
	line-height: 40px;
	padding: 25px 0 15px;
	}
	#contentfull {
	max-height: 230px;
	}
	#contact {
	margin: 0 0 30px 0;
	}
	#contact p {
	font-size: 13px;
	line-height: 17px;
	}
	strong.yellow, strong.white {
    font-size: 15px;
	}
	#copyright {
	width: 96%;
	}
    iframe {
    width: calc(100% + 40px);
    margin: 0 -20px -3px;
    height: 211px;
    }
}
@media only screen and (max-width: 335px){
	#contact {
	margin: 0 0 30px 0;
	}
	#contact p {
	font-size: 12px;
	line-height: 15px;
	}
	#header h1 {
  	font-size: 36px;
  	line-height: 45px;
	}
	#menu strong {
    display: none;
	}
	#copyright {
	width: 95%;
	padding: 20px 22px 20px 38px;
	}
}