body {											
margin: 0;
padding: 0;
color: #333233; 
/* font-family: 'open_sanslight', Arial, Helvetica; */
font-family: 'open_sansregular', Arial, Helvetica;
font-size: 16px;
line-height: 1.6em;
background: #eee url(images/bg3.png) repeat; }

/* m1
1024px or less  
@media (max-width: 1024px) { */ 

/* m2
834px or less
@media (max-width: 834px) { */ 

/* m3
480px or less 
@media (max-width: 480px) { */
    
html, body {height: 100%;}				                /* for sticky footer */
img, a {border: none; outline: none;}

a {font-size: 100%; color: #333233; text-decoration:none; }
a:hover {color: #ccc; text-decoration:  none; }
a img {border: 0;}
a {outline: none; }
a.undy { text-decoration: underline; }

h1, h2, h3 { font-weight: normal; font-family: 'open_sansextrabold', Arial, Helvetica; }
h1 { letter-spacing: 1px; font-size: 300%; line-height: 1.7em; text-align: center; margin-bottom: 0; }
h2 { font-size: 190%; color: #1c439a; /* letter-spacing: 1px; */ text-align: center; margin-top: 0; line-height: 1.3em; }
.midbit7orange h2 { font-size: 150%; margin: 0 0 0 0; }
h3 { font-size: 110%; font-family: 'open_sansbold_italic', Arial, Helvetica; text-align: center; }
h3.homey { font-size: 110%; color: #1c439a; font-family: 'open_sansextrabold', Arial, Helvetica; text-align: left; }

h4 { font-size: 120%; text-align: center; }

h2.reduce { margin-bottom: 0; }

@font-face {
    font-family: 'open_sanslight';
    src: url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
         url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansbold';
    src: url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('font/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot');
    src: url('font/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('font/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansitalic';
    src: url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot');
    src: url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'),
         url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal; } 

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot');
    src: url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansextrabold';
    src: url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot');
    src: url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'open_sansregular';
    src: url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal; }  
    
a, a:hover, #menu2 a, #menu2 a:hover, .submitbutton input, .submitbutton2 input, .home_links, .home_links:hover, .words4ad, .words4ad:hover {
-webkit-transition: all 0.6s ease 0s;
   -moz-transition: all 0.6s ease 0s;
     -o-transition: all 0.6s ease 0s;
        transition: all 0.6s ease 0s; }             
        
figure { padding: 0; margin: 0;}
figure.homeimg1 { width: 70%; border: 9px solid #909191;}
figure.custimg1 { border: 9px solid #909191;}
figure.righted  { float: right; width: 30%; margin-left: 2%; }
figure.ticks { width: 30%; float: right; }
/* figure.cosy_absolute { position: absolute; bottom: 5%; right: 1%; width: 23%; } */
figure.cosypic { width: auto; float: left; width: auto; }
figure.window_page { margin: 6% 0 0 16%; width: auto; }
figure.window_page li { width: 100%!important; }
figure.window_page2 { margin: 0 0 0 0; }

figure#conny { margin: 4% 0 0 0; }

figure.twentyfive { width: 80%; margin: 0 auto 20px auto; }
figure.twentyfive img { margin: 0 auto; width: 100%; }
figcaption { text-align: center; font-family: 'open_sansitalic', Arial, Helvetica; }

img { display: block;}
.img1 { 
-webkit-box-shadow:      0 8px 10px -6px #111;
       -moz-box-shadow:  0 8px 10px -6px #111;
            box-shadow:  0 8px 10px -6px #111; }

.bolda { font-family: 'open_sansbold', Arial, Helvetica; line-height: 30px; }
.bolda2 { font-family: 'open_sansbold', Arial, Helvetica; font-size: 150%; line-height: 33px; }
.bolda2a { font-family: 'open_sansbold', Arial, Helvetica; font-size: 180%; line-height: 33px; }
.bolda3 { font-family: 'open_sansextrabold', Arial, Helvetica; font-size: 115%; line-height: 33px; }
.boldabigger { font-family: 'open_sansextrabold', Arial, Helvetica; font-size: 300%; text-align: center; }
.boldabigger2 { font-family: 'open_sansextrabold', Arial, Helvetica; font-size: 230%; text-align: center; letter-spacing: 1px; line-height: 35px; }
.boldita { font-family: 'open_sansbold_italic', Arial, Helvetica; }
.ita { font-family: 'open_sansitalic', Arial, Helvetica; }
.ita2 { font-family: 'open_sansbold_italic', Arial, Helvetica; }
.ita3 { font-family: 'open_sansitalic', Arial, Helvetica; font-size: 80%; }
.italight { font-family: 'open_sanslight_italic', Arial, Helvetica; }
.blu { color: #1c439a; }
.blu2 { color: #1c439a; text-shadow: 1px 1px 1px #fff; }
.lefted { text-align: left;}
.toppad { padding-top: 50px;}
.smlr { font-size: 80%; } 
.whited { color: #fff; }
.oranged { color: #fdb900; letter-spacing: 1px; }
.email_size_changes  { font-size: inherit; }
.blacky { color: #333233; }
.bluey { color: #1c439a; }
.reddy { color: #e14029 }
.greeny { color: #53ba2e; }
.cent { text-align: center; }
.awso { color: #fa790e; font-size: 210%; text-align: center; margin: 0 0 2% 0; }
.awso2 { color: #fa790e; font-size: 180%; margin: 5% 0 2% 0; }
#cap_smaller { font-size: 90%; margin: 2% 0 0 0; }
#gappo { line-height: 33px; }
.gap_to_equal_above { margin: 6% 0 0 0; }

hr { color:#fdb900; background-color: #fdb900; height: 1px; border: none; }
hr.whit { color:#fff; background-color: #fff; height: 1px; border: none; }
/* hr.figy { width: 75%; height: 1px; background: linear-gradient(90deg, white 0%, #fdb900, white 100%); border: 1px solid fuchsia;}
hr.figy2 { width: 75%; height: 1px; background: linear-gradient(90deg, #002f6c 0%, #fdb900, #002f6c 100%); border: 1px solid fuchsia;}
hr.figy3 { width: 75%; height: 1px; background: linear-gradient(90deg, #fff 0%, #002f6c, #fff 100%); border: 1px solid fuchsia;}
hr.figy4 { width: 75%; height: 1px; background: linear-gradient(90deg, #fdb900 0%, white, #fdb900 100%); border: 1px solid fuchsia;} */


#capo { color: red; font-family: 'open_sansbold', Arial, Helvetica; text-align: center; }

/* fdb900
fa790e */

/* can add extra colour in middle or dup the colour - think this narrows the fade */

#container { overflow:hidden; min-height: 100%; position: relative; margin: 0 auto;  }

header {position: relative; height: 230px; background: #fff; }
#headerpart {position: relative; min-width: 960px; max-width: 1440px; height: 100%; margin: 0 auto; }

/* ORIG */
/* #logo { width:auto; padding-left: 7px; width: 447px; } */

/* NEW */
#logo { padding: 0 0 0 0; margin: 10px 0 7px; width: 550px; }

/* #establish { position: absolute; top: 10px; right: 400px; width: 8%; margin: 1% 0 0 0; text-align: center; } */
/* ON RIGHT SIDE OF HEADER WHERE IT SHOULD BE */
/* #establish2 { position: absolute; top: 30px; right: 380px; width: 10%; margin: 0 0 0 0; text-align: center; }
#establish2 img { width: 90%; margin: 0 auto; } */
/* END */
/* IN MIDDLE AS REQUESTED */
#establish2 { position: absolute; top: 30px; right: 570px; width: 10%; text-align: center; }
#establish2 img { width: 90%; margin: 0 auto; }
/* END */
#contsur {position: absolute; top: 10px; right: 20px; background: #002f6c url(images/bg2a.png) repeat-x bottom; padding: 20px; margin-right: 7px; text-align: center; }
#phone { font-size: 200%; width: auto; height: auto; font-family: 'open_sansbold', Arial, Helvetica; letter-spacing: 2px; color: #fdb900; text-shadow: 1px 1px 1px #000; }
#trusted { font-size: 150%; width: auto; height: auto; font-family: 'open_sansbold', Arial, Helvetica; letter-spacing: 2px; color: #fdb900; text-shadow: 1px 1px 1px #000; }
#email { height: auto; width: auto; margin-top: 10px; font-size: 120%; font-family: 'open_sansbold', Arial, Helvetica; letter-spacing: 1px; }
#email a {  color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none; }
#email a:hover { color:#fdb900; }

/* ORIG */
/* #social { width: 130px; margin: 10px auto 0 auto; }
#fb { width: 35%; float: left; }
#fb img { float: left;}
#twit { width: 35%; float: right; }
#twit img { float: right;} */

/* NEW */
.social_equal { width:100%; text-align:center; width: 250px; margin: 10px auto 0 auto; }
.socials { width: calc(100% / 6); display: inline-block; vertical-align: top; text-align:center; margin:2%; padding:0 2%; }


nav {position: absolute; bottom: 0; right: 0; background: #eee url(images/bg.png) repeat; border-bottom: 1px solid #fff; height: 35px; display: inline-block; width: 100%; font-family: 'open_sansbold', Arial, Helvetica; }

/* NORMAL MENU */
#menu2 { margin: 0 auto; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; min-width: 960px; max-width: 1440px;; }
#menu2 ul { padding: 5px 8px 0 8px; margin: 0; font-size: 110%; letter-spacing: 1px;}
#menu2 a         {  display:inline-block; color:#3b3b3b; text-decoration:none; text-shadow: 1px 1px 1px #fff;  }
#menu2 a:hover   {  display:inline; color:#909191; text-decoration: none; } 
#menu2 a:active   { display:inline; color:#fff; text-decoration:none; }
#menu2 .active   {  display:inline; color:#1367c7; text-decoration:none; }
#menu2 .farleft { padding-left: 7%;}
#menu2 .farright { padding-right: 7%;}
#menu2 .font_change { font-size: 95%; }

/* MOB - NOT REQUIRED? */
/* #menu { margin: 0 auto; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; min-width: 960px; max-width: 1440px;; }
#menu ul { padding: 5px 8px 0 8px; margin: 0; font-size: 110%; letter-spacing: 1px;}
#menu a         {  display:inline-block; color:#3b3b3b; text-decoration:none; text-shadow: 1px 1px 1px #fff;  }
#menu a:hover   {  display:inline; color:#909191; text-decoration: none; } 
#menu a:active   { display:inline; color:#fff; text-decoration:none; }
#menu .active   {  display:inline; color:#1367c7; text-decoration:none; }
#menu .farleft { padding-left: 7%;}
#menu .farright { padding-right: 7%;} */

.eq { display: inline-block; vertical-align: top; }





/* normal menu */
/* #menu2 { margin: 0 auto 0 auto; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; font-size: 120%; min-width: 960px; max-width: 1400px; } */
/* #menu2 li a { line-height: 40px; color:#5e7ca4; text-decoration:none; } */
/* #menu2 ul { padding: 7px 8px 0 8px; margin: 0; } */
/* #menu2 .active { background: #eee!important; color: #000; }
#menu2 .normalised { color:#5e7ca4; letter-spacing: 1px; line-height: 40px; } */
#menu2 .nowrapping { white-space: nowrap; }
#menu2 .smalla { font-size: 73%; padding: 0 0 0 4%; color: #1367c7; } 
#menu2 .smalla:hover { padding: 0 0 0 4%; margin: 0 0 0 0; } 

/* #menu2 a, #menu a:hover, #menu a:active, #menu .active { color: #000; display: inline-block; padding: 0 20px 0 20px; line-height: 38px; text-align:left; text-decoration: none; width: auto; list-style-type: none; } 
#menu2 a:hover, #menu2 .active  { background: #eee; color: #000; } 
#menu2 .active:hover  { background: #eee!important; color: #000; } */

/* .eq { display: inline-block; vertical-align: top; }
.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0;}  */



main { overflow: auto; height: auto; margin: 0 auto 355px auto; }  
.mainwords {position: relative; margin: 0 auto 0 auto; padding: 14px 14px 0 14px; min-width: 960px; max-width: 1440px; }   /* padding-bottom must be same height as the footer  */

.spch { font-family: Georgia, serif; font-weight: bold; font-size: 120%; color: #fff; }

.midbit, .midbit4, .midbit4a, .midbit6, .midbit6testi, .midbit7orange, .midbit8, .midbit9, .midbit10 {position: relative; background: #fdb900 url(images/bg4.png) repeat-x bottom; text-align: center; padding: 30px; margin-top: 20px; }
.midbit p { line-height: 35px; }
.midbit7blue { position: relative; background: #002f6c url(images/bg2a.png) repeat-x bottom; text-align: center; padding: 30px; margin-top: 20px; color: #eee; }                                 
.midbit7blue a { color: #fff; }
.midbit7blue a:hover { color: #fdb900; }
.midbit10 { background: #002f6c url(images/bg2a.png) repeat-x bottom; }

.midbit li, .midbit8 li { width: 100%; text-align: center!important; }
.gappy { padding-bottom: 12px; }
.separate { clear: both; margin: 10px 0 0 0; padding-bottom: 20px;}

.midbit2sur {position: relative; text-align: center; margin-top: 0px; border: 9px solid #909191; }
.midbit2 { background: #a4cf4b url(images/bg-green.png) repeat-x bottom; text-align: center; padding: 20px; margin-top: -1px;
-webkit-box-shadow:      0 8px 10px -6px #111;
       -moz-box-shadow:  0 8px 10px -6px #111;
            box-shadow:  0 8px 10px -6px #111; }
.midbit2 li { display: inline-block; width: 100%; text-align: center!important; }
.midbit3 { background: #fff; padding: 16px; font-family: 'open_sansbold', Arial, Helvetica; font-size: 120%; line-height: 35px;}            
.midbit4, .midbit4a, .midbit10 { font-size: 110%; }
/* .midbit4a { padding: 12px 30px; } */
.midbit4 li, .midbit4a li, .midbit10 li { text-align: left;}
.midbit4a li, .midbit10 li { color: #333233; padding: 0 0 3% 0; }
.midbit10 li { color: #fff; }
.midbit5, .midbit5a, .midbit5b { background: #002f6c url(images/bg2a.png) repeat-x bottom; padding: 20px; color: #eee; }
.midbit5a { position: relative; }

.on1114 { display: none; }

.man_sensitive1, .man_sensitive2 { padding: 0 22% 0 0; }
#man_home { position: absolute; bottom: 2%; right: 1%; width: 24%; }

.midbit5a, .midbit5b { font-family: 'open_sansbold', Arial, Helvetica; }
.midbit5b { background-image: linear-gradient(#e8e6e6, #c9c7c7); }
.midbit6 { padding: 2px 0 20px 20px; }
.midbit7orange, .midbit7blue { font-size: 140%; }
.midbit_section { background: #fff; padding: 1% 2%; margin: 2% 0 0 0; box-shadow:  0 8px 10px -6px #6b6a6a; }

.midbit6testi {position: relative; background: #fff; text-align: center; padding: 2px 80px 20px 80px; border: 1px solid #fff; margin: 0 10% 0 10%; }
.midbit8 { font-family: 'open_sansregular', Arial, Helvetica; font-size: 115%; text-align: left;}
.midbit8 p { line-height: 27px; }
.midbit9 { background: #fff; font-family: 'open_sansregular', Arial, Helvetica; text-align: left; }
.midbit9 a { text-decoration: underline; }
.midbitwords { line-height: 40px; }

.home_links:hover { opacity:0.4; }

.empty { clear: both; }
.emptyleft { clear: left; }
.empty2 { clear: both; height: 40px; }

.equal { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; }
.words, .words2, .words3, .words4, .words5, .words6 {position: relative; display: inline-block; vertical-align: top; width: 47%; margin-top: 40px; }
.extra_pad { padding: 0 0 0 3%; }
.words li { text-align: left!important; }
.words2 {  width: 38%; margin: 0 5% 0 5%; text-align: left; }
.words3 { text-align: center; }
.words4 { width: 32%; margin-top: 0; }
.words4 img { margin: 0 auto; }
.words5 { background: #fff; padding: 10px; text-align: left; }
.words6 { width: 28%; background: #fff; padding: 2%; }

.wordstesti {position: relative; display: inline-flex; vertical-align: top; width: 47%; margin-top: 40px; }

#windy_sur { background: #fff; padding: 5% 2% 2% 2%; margin: 4% 0 0 0; }
ul.windys { font-family: 'open_sansbold', Arial, Helvetica; font-size: 110%; }
li.windys { padding: 0 0 2% 4%; }
.windy_col { color: #333233; }

.bolda_windy { font-family: 'open_sansbold', Arial, Helvetica; font-size: 120%; line-height: 33px; }

.equal4aa, .equal4ab { width:100%; text-align:center; margin-top: 30px; }
.words4aa { width: calc(100% / 6); display: inline-block; vertical-align: top; text-align: center; margin:2%; padding:20px; }	
.words4aa_bs { width: calc(100% / 6); display: inline-block; vertical-align: top; text-align: center; margin:2%; padding:20px; }	
.words4ab { width: calc(100% / 12); display: inline-block; vertical-align: middle; text-align: center; margin:2%; padding:20px; }	
.words4ab li { width: 100%; }
.words4ac { width: calc(100% / 4); display: inline-block; vertical-align: middle; text-align: center; margin:2%; padding:20px; }	
.words4ac li { width: 100%; }
.words4ad { width: calc(100% / 10); display: inline-block; vertical-align: middle; text-align: center; margin:0 1.5%; padding:5px; background: #fff; }	
.words4ad:hover { background: #fdb900; box-shadow:  0 8px 10px -6px #929191; }

.equal4ax { width:100%; text-align:center; }
.words4ax { width: calc(100% / 3); display: inline-block; vertical-align: top; text-align: center; margin:2%; }										       
.words4ax li img { border: 10px solid #fff; }

.words4az { width: calc(100% / 6); display: inline-block; vertical-align: top; text-align: center; margin:2%; }										       
.words4az li img { border: 10px solid #fff; }

.words4ay { width: calc(100% / 9); display: inline-block; vertical-align: top; text-align: center; margin:2%; }										       
.words4ay li img { border: 10px solid #fff; }

.words4ay2 { width: calc(100% / 10); display: inline-block; vertical-align: top; text-align: center; margin:2%; }										       
.words4ay2 li img { border: 10px solid #fff; }

.words4ax li, .words4az li, .words4ay li, .words4ay2 li { width: 100%!important; }

.ticksur { width: 70%; }
.tickbit { float: left; width: 6%; margin-bottom: 10px; padding-right: 6px; }
.tickwords { float: left; width: 90%; color: #1c439a; font-family: 'open_sansbold', Arial, Helvetica; margin-bottom: 10px; }

.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0;}

#home_pic { position: relative; z-index: 888; }
#home_pic h1 { text-shadow: 2px 2px 2px #111; }

#home_pic_text { position: absolute; top: 10%; left: 20%; font-family: 'open_sansextrabold', Arial, Helvetica; font-size: 330%; color: #fdb900; letter-spacing: 2px; z-index: 999; }
#home_pic_text li { padding: 0 0 5% 0; }

#surveyor { position: absolute; bottom: -27px; right: -3%; width: 37%; }
#accredited2 img { display: inline-block; width: 100%; }

/*
#vid { position: relative; text-align: center; margin-top: 27px; padding-bottom: 56.25%; }
#vid iframe, #vid object, #vid embed { position:absolute; top:0; left:0; width: 100%; height: 100%; }
*/

video { position: relative; text-align: center; margin: 0!important; padding: 0!important; width: 100%; height: 380px; }

.spch { font-family: Georgia, serif; font-weight: bold; }
.reg { font-size: 75%; }

#gallery { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; clear: both; }
#gallery img { text-align: center; }
.galsur { position: relative; display: inline-block; vertical-align: top; border: 9px solid #909191; width: 20%; margin-bottom: 30px; display: inline-block; }
.galsur:hover { border: 9px solid #fdb900; }

/* ________________________________________________________ */

.nudge { height: 70px; clear: both; }     
/* OPTIONAL this can force footer to stick to bottom in FF - & also useful for adding gap between content & footer - make height larger than footer height */  

/* ________________________________________________________ */

aside { position: relative; width: 40%; float: right; margin-top: 30px; border: 9px solid #909191; font-family: 'open_sansbold', Arial, Helvetica; font-size: 120%; line-height: 33px; }
.wordsaside { background: #f8be00 url(images/bg4.png) bottom repeat-x; padding: 20px;
-webkit-box-shadow:      0 8px 10px -6px #111;
       -moz-box-shadow:  0 8px 10px -6px #111;
            box-shadow:  0 8px 10px -6px #111; }
aside ul { float: none;}

#man { position: absolute; right: 6%; bottom: 0; width: 34%; }

.ordered { display: block; }

.contactdetails, .contactdetails2 { margin-top: 30px; width: 55%; }
.contactdetails label, .contactdetails2 label { text-align: left; float: left; width: 43%; padding: 7px; }
.contactdetails input, .contactdetails2 input {width: 45%; margin-bottom: 16px; padding: 7px; border: 1px solid #1c439a; border-bottom: 2px solid #1c439a; float: right; }

.commentarea { width: 55%; }
.commentarea p { margin-left: 7px;}
.commentarea textarea { margin-bottom: 20px; width: 60%; float: right; height: 100px; padding: 6px; background: #fff; border: 1px solid #1c439a; border-bottom: 2px solid #1c439a; }

.submitbutton, .submitbutton2 { width: 55%; }
.submitbutton input, .submitbutton2 input { width: 100%; font-size: 150%; height: 44px; text-align: center; border: 1px #f3db9b solid!important; color: #002f6c; background-image: linear-gradient(#ee9037, #eebe42); }
.submitbutton input:hover, .submitbutton2 input:hover { background: #002f6c; color: #fff; cursor:pointer; }
.submitbutton input:active, .submitbutton2 input:active {background:#eee; }

.contactdetails2 { width: 80%; margin: 0 auto; }
.submitbutton2 { width: 80%; margin: 0 auto; }
.submitbutton2 input { border: 1px solid #8d8d8d; }

#typecont {position: relative; width: 77%; margin: 0 auto 3% auto; z-index: 999; }
#typecont label {float: left; width: 30%; margin-top: .8%; text-align: left; }
#typecontimg {float: left; padding: 0; width: 20%; }
#typecontimg img { border-radius: 0; } 
#typein input { float: left; width: 25%; margin: .5% 0 0 2%; background: #fff; padding: 7px; border: 1px solid #1c439a; border-bottom: 2px solid #1c439a; }

#typecont2 {position: relative; width: 55%; margin: 2% 0 3% 0; z-index: 999; }
#typecont2 label {float: left; width: 20%; margin-top: .8%; text-align: left; }
#typecontimg2 {float: left; padding: 0; width: 20%; }
#typecontimg2 img { border-radius: 0; } 
#typein2 input { float: right; width: 25%; margin: .5% 0 0 2%; background: #fff; padding: 7px; border: 1px solid #1c439a; border-bottom: 2px solid #1c439a; }

#thanks { font-size: 100%; margin: 30px auto 200px auto; width: 65%; font-family: 'open_sansbold', Arial, Helvetica; }

#infosurround { height: 180px; }
.info { position: relative; height: 165px; width: 300px; margin: 10px auto 0 auto; padding-left: 140px; background: #fff; border: 1px solid #83ad35;}
.info h3 { text-align: left; }
.info a { color: #ccc; }
.info form { color: inherit; }
.info label {float: left; padding-top: 4px;  width: 150px; }
.space input { width: 120px; border: #99ca3d 1px solid; background: #f1f1f1; }
.button input { margin-top: 2px; width: 50px; background: #99ca3d; font-weight: bold; font-size: 90%; border: 1px #ccc solid; }

footer {position: relative; background: #002F6C url(images/bg2.png) repeat-x bottom; height: 355px; margin: -355px auto 0 auto; /*covers extra area created in maincontent */ font-size: 70%; color: #fff; text-align: center; clear: both; }
footer ul { list-style-type: none; padding-left: 0;}
footer h2 { padding: 2px 5px; background: #eee url(images/bg3.png) repeat; text-align: left; }

#footsur { min-width: 960px; max-width: 1440px; max-width: 1400px; margin: 0 auto; }

/* reducing the height by a few pixel can help remove vertical side bar if page should fit a normal monitor */

footer a { color: #fff; text-decoration: none; font-size: 90%; }
/* footer a:hover { color: ; } */
footer a img {border: 0;}
footer a {outline: none; }

#cred { width: 60%; margin-top: -3px; }
#master { float: left; width: 45%; }
#visa { float: right; width: 43%; }

.footerwords { display: inline-block; vertical-align: top; width: 20%; padding: 20px 0 0 20px; text-align: left; }
.footerwords ul { margin: 0 0 0 0; padding: 0 0 0 0;}

.equal4aa2 { width:100%; text-align:center; }
.menu_equal { width: calc(100% / 2.4); display: inline-block; vertical-align: top; text-align:left; margin:0 2%; padding:0; }

.footerwords h2, .footerwords3 h2 { border-bottom: 3px solid #fdb900; }
.footerwords3 { display: inline-block; vertical-align: top; width: 15%; padding: 20px 20px 0 20px; }

.footinfo {float: left; width: 40%; }
.footnum {float: left; width: 50%;  }

#footerwords2 {position: absolute; bottom: 0; height: 45px; padding-top: 3px; background: #002855; width: 100%; text-align: center; }

.slicknav_menu, .mobonly, #menu, .extrapad, .mobvers { display:none; }


/* MOBILE */

/* 
1940px or less */   
@media (max-width: 1940px) { 

#home_pic h1 { font-size: 190%; }
   
   }



/* 
1723px or less */   
@media (max-width: 1723px) { 

#home_pic_text { left: 10%; }

#menu2 ul { padding: 5px 28px 0 28px; }

}

/* 
1395px or less */   
@media (max-width: 1395px) { 
   
/* IN MIDDLE AS REQUESTED */
#establish2 { right: 540px; }
/* END */   

.man_sensitive1, .man_sensitive2 { padding: 0 25% 0 0; }
#man_home { width: 25%; }
   
}



/* 
1366px or less */   
@media (max-width: 1366px) { 

#home_pic_text { font-size: 270%; }

#man { width: 38%; }


}


/* 
1366px or less */   
@media (max-width: 1366px) { 

.noton1366down { display: none; }


}



/* 
1220px or less */   
@media (max-width: 1220px) { 
 
.midbit7orange h2 { font-size: 130%; }
 
/* #establish { width: 10%; right: 390px; margin: 2% 0 0 0; }  */
/* ON RIGHT SIDE OF HEADER WHERE IT SHOULD BE */
#establish2 { top: 35px; }
/* END */
/* IN MIDDLE AS REQUESTED */
#establish2 { right: 470px; }
/* END */   

#menu2 ul { padding: 5px 28px 0 28px!important; font-size: 100%!important; letter-spacing: normal!important; }
#menu2 .font_change { font-size: 100%; }

figure.window_page { margin: 8% 0 0 6%; }
 
#windy_sur { padding: 4% 2% 1% 2%; margin: 5% 0 0 0; }
li.windys { padding: 0 0 3% 4%; }

.gap_to_equal_above { margin: 7% 0 0 0; }

.words4ab { width: calc(100% / 8); margin:1%; }
.words4ay { width: calc(100% / 7); }
.words4ay2 { width: calc(100% / 7); }										       
										       
#home_pic h1 { text-shadow: 1px 1px 1px #111; }

.man_sensitive1, .man_sensitive2 { padding: 0 27% 0 0; }
#man_home { width: 29%; }

   
}

/*  1200px or less */   
@media (max-width: 1200px) { 

.words4ad figcaption { font-weight: 90%; }

/* IN MIDDLE AS REQUESTED */
#establish2 { right: 410px; }
/* END */  

}

/*  1280px or less */   
@media (max-width: 1280px) { 

#windy_sur { padding: 4% 2% 2% 2%; margin: 2% 0 0 0; }
li.windys { padding: 0 0 1% 4%; }

}


/*  1176px or less */   
@media (max-width: 1176px) { 

#man { right: 2%; top: -11%; width: 38%; }

}




/*  1114px or less */   
@media (max-width: 1114px) { 


.noton1114 { display: none; }
.on1114 { display: block; }

#menu2 ul { padding: 5px 5px 0 5px; font-size: 115%; letter-spacing: normal; }
#menu2 .farleft { padding-left: 4%;}
#menu2 .farright { padding-right: 4%;}

.words4ad { width: calc(100% / 11); }	
.words4az { width: calc(100% / 4); }	
.words4ay2 { width: calc(100% / 5); }										       

#home_pic_text { font-size: 240%; }

figure.window_page { margin: 11% 0 0 6%; }
  
#windy_sur { padding: 4% 2% 1% 2%; margin: 3% 0 0 0; }
li.windys { padding: 0 0 3% 4%; }
.words .bolda { text-align: left; }
ul#windys { font-size: 105%; }


}

/* 1064px or less */   
@media (max-width: 1064px) {  
 
.words4ad { width: calc(100% / 8.5); }	 
.noton1064 { display: none; }  

/* IN MIDDLE AS REQUESTED */
#establish2 { position: absolute; top: 30px; right: 380px; width: 10%; margin: 0 0 0 0; text-align: center; }
#establish2 img { width: 90%; margin: 0 auto; }
/* END */   

#man { right: 2%; top: -16%; width: 38%; }
   
}

/* m1
1024px or less */   
@media (max-width: 1024px) {  
    
#logo { width: 460px; margin: 14px 0 0 7px; }  

/* #establish { width: 11%; right: 380px; margin: 2.5% 0 0 0; }   */
/* ON RIGHT SIDE OF HEADER WHERE IT SHOULD BE */
#establish2 { top: 30px; right: 365px; }
/* END     */
#menu2 ul { padding: 5px 4px 0 4px; font-size: 100%; letter-spacing: normal; }
#menu2 .farleft { padding-left: 2%;}
#menu2 .farright { padding-right: 2%;}   

#home_pic_text { font-size: 200%; }

figure.window_page { margin: 22% 0 0 6%; }

.words4aa_bs { width: calc(100% / 5); padding:0; }	

.words4ac { width: calc(100% / 4.5); }
 
.man_sensitive1, .man_sensitive2 { padding: 0 32% 0 0; }
#man_home { width: 35%; } 

} 


/* m2
834px or less */ 
@media (max-width: 834px) { 
	
	h1 { font-size: 150%;}
	.mobonly { display: inline; }
	.mobonlylogo { display: inline; text-align: center;}   
	.mobonlylogo p {margin: 0;}
	.bolda2 { font-size: 110%; padding-bottom: 2%; line-height: 26px!important; }
    .bolda2a { font-size: 150%; } 
    .boldabigger2 { font-size: 200%; }
    .gappyo { padding: 0 3% 0 3%; }
    .gap_to_equal_above { margin: 5% 0 0 0; }
	
	h2 { margin-bottom: 0; font-size: 120%; padding-left: 5%!important; padding-right: 5%!important; }
   .midbit7orange h2 { font-size: 110%; }   
    h3.homey { text-align: center; }
    h2.biggy { font-size: 180%; }

	nav { display: none; }    
	
	.js #menu { display:none; }	
	.js .slicknav_menu { display:block; }
   
    .mobvers { display: inline; }   

.boldabigger2 { font-size: 180%; }

main { padding-bottom: 0; overflow: hidden; min-width: 320px; margin: 0 auto 0 auto; }

#headerpart, .mainwords, #footsur { min-width: 320px; }
.mainwords { width: 100%/* auto */; display: inline-block; padding: 0; }

header {position: relative; overflow: visible; /* allows menu to work */ height: auto; }  
#headerpart { min-width: auto; max-width: auto; }
#logo {position: relative; margin: 0 auto 0 /*40px or try empty2 */ auto; clear: both; }
#logo { width: 55%; margin: 14px auto 0 auto; }   
/* #logo li { width: 100%; } */

#contsur {position: relative; right: 0; margin: 0 auto; width: 100%; padding: 10px; margin-right: 0; height: auto; }
#fb, #twit { width: 45%; float: none; display: inline-block; }
#email, #phone { letter-spacing: normal; width: auto; }
#phone a { color: #fdb900; }
#email a { font-size: 96%; }

#home_pic_text { font-size: 175%; }
#home_pic_text li { padding: 0 0 4% 0; }

/* #establish { position: relative; top: 0; right: 0; width: 13%; margin: 2.5% auto 1.5% auto; } */
/* ON RIGHT SIDE OF HEADER WHERE IT SHOULD BE */
#establish2 { position: relative; top: 0; right: 0; width: 18%; margin: 2.5% auto 1.5% auto; }
#establish2 img { width: 75%; margin: 0 auto; }
/* END */

/* CHANGE ORDER */
#headerpart { display: flex; flex-flow: column; }
#logo { order: 1; }
#contsur { order: 3; }
#establish2 { order: 2; }

#logowords, #logoimg, #logowords2, #phonetop, #emailtop, .notonmob, .stretch /* #slider */ {display: none!important; }
.lefted { text-align: center; } /* daft, but display none kills any other related classes */

.gappy { padding-bottom: 8px; }

video { height: auto!important; width: 90%; }

.midbit { padding: 4px 12px; margin-bottom: 20px; }
.midbit p, .mainwords p { overflow: hidden;}

.midbit4 { padding-top: 2px; padding-bottom: 2px; }
.midbit6 { padding: 20px;}
.midbit6testi { margin: 5% 1%; padding: 5% 5% 5% 5%; }

.midbit7orange, .midbit7blue { padding-top: 12px; padding-bottom: 12px; }
.midbit9 { padding-top: 2px; padding-bottom: 2px; text-align: center; }

.words4ad { width: calc(100% / 5); }
.words4ay2 { width: calc(100% / 4); }		

figure.twentyfive img { width: 90%;}
figure.foil_page { margin: 0 auto 0 auto; width: 90%; }

/* remove?? */
figure.foil_page li { width: 100%; }

figure.window_page, figure.window_page2 { margin: 0 auto 0 auto; width: 80%; }
figure.window_page2 { margin: 0 auto 0 auto; }
figure.window_page2 li { width: 100%; }
figure.window_page2 img { margin: 0 auto; width: 100%!important; }

.words .bolda { text-align: center; }

.midbit2sur {position: relative; text-align: center; margin-top: 0px; border: 9px solid #909191; }
.midbit2 { background: #a4cf4b url(images/bg-green.png) repeat-x bottom; text-align: center; padding: 20px; margin-top: -1px; }
.midbit2 li { display: inline-block; width: 100%; text-align: center!important; }
.midbit2 { border-top: none; padding: 10px; } 
.midbit2 p { margin-bottom: 0; }
.midbit3 { background: none; border-top: none; padding: 0; }
.midbit2sur { display: block; margin-bottom: 20px; padding: 0; }

.on1114 { margin: 0 5% 0 5%; }

aside { width: 90%; margin: 0 auto; float: none; text-align: center; }
aside p { line-height: 20px; font-size: 85%; }
#man { top: -20%; width: 23%; }

.contactdetails, .contactdetails2 {position: relative; float: none; text-align: center; margin: 30px auto 0 auto; width: 90%; }
.contactdetails label, .contactdetails2 label { text-align: left; float: none; width: 100%; }
.contactdetails input, .contactdetails2 input {width: 94%; text-align: center; float: none; margin-bottom: 16px; padding: 7px; }

textarea::placeholder, input::placeholder { text-align: center; }

.contactdetails2  { margin-top: 0;}

.commentarea { width: 100%; }
.commentarea p { margin-left: 0; text-align: center;}
.commentarea textarea {position: relative; width: 90%; float: none; margin: 0 auto; display: block; }

.contactdetails textarea { min-height: 80px; width: 93%; margin: 0 auto; float: none; }
.submitbutton, .submitbutton2 {text-align: center; margin: 0 auto;  }

#typecont { margin: 0 auto 3% auto; text-align: center!important; }
#typecont label { float: none; margin: 0 auto 0 auto; width: auto; }
#typecontimg {float: none; margin: 0 auto 0 auto; width: auto; }
#typecontimg img { margin: 4% auto 0 auto; }
#typein input { float: none; width: auto; margin: 2% auto 0 auto; }

#typecont2 { margin: 0 auto 3% auto; text-align: center!important; }
#typecont2 label { float: none; margin: 0 auto 0 auto; width: auto; }
#typecontimg2 {float: none; margin: 0 auto 0 auto; width: auto; }
#typecontimg2 img { margin: 4% auto 0 auto; }
#typein2 input { float: none; width: auto; margin: 2% auto 0 auto; }

.galsur { position: relative; display: inline-block; vertical-align: top; border: 9px solid #909191; width: 70%; margin: 0 auto 30px auto; display: block; }
.galsur:hover { border: 9px solid #909191; }

.scroll-top-wrapper { position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 999;/*  background-color: #777; */ background-color: rgba(135, 135, 135, 0.80); color: #eee; width: 50px; height: 48px; line-height: 48px; right: 0.5em; bottom: 0.5em; padding-top: 2px;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; 
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out; }

/* .scroll-top-wrapper:hover { background-color: #888; } */
.scroll-top-wrapper.show { visibility:visible; cursor:pointer; opacity: 1.0; }
.scroll-top-wrapper i.fa { line-height: inherit; }

.man_sensitive1 { padding: 0 25% 0 0; }
.man_sensitive2 { padding: 0 33% 0 0; }

.words5 { display: inline-block; vertical-align: top; /* margin-top: 40px; */ }
.tickwords { text-align: left;}

.words, .words3, .words4b, .words4c, .words4d, .words2, .words4, .words5, .words6, .wordstesti {margin: 0 auto 20px auto; display: table; padding: 20px; width: 80%; text-align: center; }

.words4c { background: #a1c6e9; }
.words2 { text-align: left; background: #fff;}
.words3 { margin-bottom: 0;}
.words3 p { margin-bottom: 0; padding-bottom: 0; }
.words4 { text-align: left; float: right; width: 50%; }
.words4a {float: left; width: 30%; margin-top: 40px; }

.words6 { padding: 20px 20px 5px 20px; }

.wordstesti { width: 86%; margin: 0 auto; }
.wordstesti p { text-align: center; }

.words4aa { width: calc(100% / 5); margin:0; }
.words4aa_bs { width: calc(100% / 5); margin:1%; }	
.words4ab { width: calc(100% /   5); }
.words4ac { width: calc(100% / 4); padding:0; }

.words4ay { width: calc(100% / 5); }
.words4ax { width: calc(100% / 2.3); }

figure.homeimg1 { border: none; float: left; width: 80%; margin-bottom: 20px; }
#surveyor { position: absolute; bottom: 10px; right: 1%; width: 35%; float: right; }
.extrapad {display: block; height: 10px; width: 100%;}

#aboutsur, #aboutsur2, .aboutsur3 { float: none; width: 95%; margin: 0 auto; }
#aboutimgsur { float: none; width: 90%; margin: 20px auto 0 auto; }

figure.homeimg2a li img { max-width: 200%!important;}

figure.homeimg2a { width: 90%; float: none; margin: 0 auto;  }
figure.homeimg3, figure.homeimg1a, figure.homeimg1b { width: 90%; float: none; margin: 0 auto; }  
figure.aboutimg4 { width:  44%; float: left;  }  
figure.aboutimg4a { width: 44%; float: right; } 
figure.homeimg5 { width: 90%; margin: 0 auto; padding: 0; }     
figure.aboutimg5a { width: 90%; margin: 0 auto; padding: 0; } 
figure.homeimg2 { width: 55%; float: left; margin-right: 2%; } 

figure.woodimginline1 { float: left; vertical-align: top; width: 46%; margin-left: 1%; }    
figure.woodimginline2 { float: right; vertical-align: top; width: 46%; margin-right: 1%; }       

.words, .wordsbat { display: table; width: 90%; margin: 0 auto; }
.wordsbat p, words p { overflow: visible!important;}

/* footer { z-index: 888;} */
footer {position: relative; height: auto; width: auto; margin: 0 auto 0 auto; }
footer p { padding-left: 10px; padding-right: 10px; width: auto; }
.footerwords, .footerwords3 { display: none;}
/* .footerwords2 { position: absolute; bottom: 0; } */
#footerwords2 { position: relative; height: auto; padding-bottom: 2px;}

}


/* 
735px or less */   
@media (max-width: 735px) { 

#home_pic h1 { font-size: 140%; }
.midbit7orange h2 { font-size: 95%; /* letter-spacing: normal; */ } 
   
/* .equal4ab { display: none; }	 */
.words4ad { width: calc(100% / 4); }
.noton735 { display: none;}

.gap_to_equal_above { margin: 6% 0 0 0; }

.man_sensitive1 { padding: 0 27% 0 0; }
.man_sensitive2 { padding: 0 39% 0 0; }
#man_home { width: 38%; } 
   
   }


/* 631px or less */
@media (max-width: 651px) { 

.man_sensitive1 { padding: 0 0 0 0; }
.man_sensitive2 { padding: 0 39% 0 0; }

   }



/* m3
480px or less */
@media (max-width: 480px) { 
	
#logo { width: 70%;}

/* #establish { width: 20%; margin: 4% auto 3% auto; } */
/* ON RIGHT SIDE OF HEADER WHERE IT SHOULD BE */
#establish2 { position: relative; top: 0; right: 0; width: 25%; margin: 4% auto 3% auto; }
/* END */

h1, h2, h3 { text-align: center;}
h2 { padding-left: 0.1em; padding-right: 0.1em; }
h2.biggy { font-size: 130%; }

#email { font-size: 104%; }

.bolda2a { font-size: 145%; } 
.boldabigger2 { font-size: 130%; }
.gap_to_equal_above { margin: 8% 0 0 0; }

.email_size_changes  { font-size: 90%; }
	
.boldabigger2 { font-size: 160%; }

#home_pic_text { font-size: 100%; left: 5%; }
#home_pic_text li { padding: 0 0 2% 0; }
#home_pic h1 { font-size: 180%; }
      
#man_home { width: 42%; } 
      
.words5 { margin-bottom: 0;}

.words4aa_bs { width: calc(100% / 3); }	
.words4ab { width: calc(100% / 4); margin:1%; padding:10px; }
.words4ac { width: 70%; }

.words4ay { width: calc(100% / 2.4); margin: 2%; }
.words4az { width: calc(100% / 2.4); }

.words4ay2 { width: calc(100% / 2.4); }

#man { width: 30%; }

ul.windys { font-size: 100%; }

.bolda3 { font-size: 110%; }

video { height: 310px; }	
	
figure.ticks {display: none!important;}
.ticksur { padding-right: 0; width: 100%; }
.tickbit { width: 8%; }
.tickwords { width: 85%; }

figure.window_page, figure.window_page2  { width: 90%; }

.boldabigger { font-size: 226%; }

.midbit p { line-height: 26px;}

} 

    
    
@media screen and (max-width: 376px) { /* anything smaller than */
	
#logo { width: 80%; }   
       
.mainwords { min-width: 300px; }
  
.equal4ab { display: none; }	
  
#home_pic_text { font-size: 85%; left: 3%; }
#home_pic_text li { padding: 0 0 1% 0; }
  
/* #establish { width: 25%; } */
/* ON RIGHT SIDE OF HEADER WHERE IT SHOULD BE */
#establish2 { width: 35%; }
#establish2 img { width: 65%; }
/* END */
   
.email_size_changes  { font-size: 80%; }

.bolda2a { font-size: 130%; } 
.boldabigger2 { font-size: 133%; line-height: 40px; }

.man_sensitive2 { padding: 0 22% 0 0; }
#man_home { width: 34%; } 

.words4aa_bs { width: calc(100% / 2.4); }	
.words4aa, .words4ab { width: calc(100% / 3); }
.words4ay, .words4ay2, .words4az { width: 80%; margin: 0 auto 7% auto; }

#man { display: none; }

/* .words4ay2 { width: calc(100% / 10); display: inline-block; vertical-align: top; text-align: center; margin:2%; }										       
.words4ay2 { width: calc(100% / 2.4); } */

}    

/* Copyright: Fizz Web Design, CM1 3JL, UK - (UK) 01245 422 221  
Theft of code and designs will always be successfully and vigorously pursued with court action */