header .sub-container { color:#fff; background:url(../images/header-2017.jpg) no-repeat 0; }
header { background-color:#102d4d/*#1c213f*/;}
header h2.logo a { width:500px; } /* Changes width of clickable home link in header - this will depend on how long your agency/department name is */
footer { background:#19334d url(../images/footerbg-depth.jpg) center bottom no-repeat; color:#fff; padding-bottom:55px!important; }
footer h4 {color: #fff;}

/* Search Button -- If you choose to change the search button color, create new class name and change colors (instead of .green_btn which is for a green button only) */
.green_btn { background:#026433/*#027e40*/ none repeat scroll 0 0!important; border: 1px solid #5C8645!important; color: #fff!important; }

/* Highlight Boxes -- Containing div (box) that holds the homepage slideshow */
.photo_highlight { margin:-10px -16px 5px; }

/* Main (drop down) navigation colors */
nav#top-nav, nav#top-nav ul.sf-menu, .sf-menu li { background-color: #D9D9D9; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li.sfHover .sf-with-ul, .sf-menu a:hover, .sf-menu li.current a:hover, .sf-menu li.current, ul.sf-menu li:hover > a { background:#1c213f; color:#fff; }
.sf-menu a, .sf-menu a:link, .sf-menu li ul li a  { color:#1c213f; }
.sf-menu ul { border-top:5px solid #1c213f; }
.sf-menu ul li { background:#fff; border-bottom:1px solid #f1f1f1; }

/* Dropdown navigation default arrow color - border-top-color only should be same color as links */
.sf-arrows .sf-with-ul::after, .sf-arrows .sf-with-ul:after { /* do not change this -->*/ border:5px solid transparent; /* only change this -->*/ border-top-color:#1c213f; }

/* Dropdown navigation arrow color when mouse hovers - should be same color as the text when hovered */
.sf-arrows > li > .sf-with-ul:focus::after, .sf-arrows > li:hover > .sf-with-ul::after, .sf-arrows > .sfHover > .sf-with-ul::after { border-top-color:#fff; }

/* Color of arrow when in section - should match the color of the text (can be found in "Active" colors section) */
body#dep nav .abouttab.sf-with-ul::after, body#air nav .airtab.sf-with-ul::after, body#land nav .landtab.sf-with-ul::after, body#spill nav .spilltab.sf-with-ul::after, body#sustain nav .sustaintab.sf-with-ul::after, body#waste nav .wastetab.sf-with-ul::after, body#water nav .watertab.sf-with-ul::after { border-top-color:#fff; }

/* Top nav style for when navigation items wrap to two lines. Not needed if the items don't wrap to two lines
nav .samplestab, nav .featurestab, nav .tab3, nav .tab4, nav .tab5, nav .tab6, nav .tab7 {  display:inline-block; vertical-align:middle; line-height:40px; } */

/* "Active" section colors (former tabs)  -- highlight the navigation section you are in (see documentation for details) */
body#dep nav .abouttab, body#air nav .airtab, body#land nav .landtab, body#spill nav .spilltab, body#sustain nav .sustaintab, body#waste nav .wastetab, body#water nav .watertab {  background-color:#4e5668; color:#fff; }

/* Headline for Left Navigation */
#sectionnav h3 { background-color:#1c213f; color:#fff; }

/*Right Column Box Styles */
.sidebarbox { background:#eee /*url(../images/sidebarbg.jpg) bottom no-repeat; background-size:cover; padding-bottom:75px!important*/; }
.sidebarbox h3 { color:#fff; background-color:#1c213f; }

/*table of contents*/
#toc_container {background: #f9f9f9 none repeat scroll 0 0; display: table; font-size: 95%; margin-bottom: 1em; padding: .5em 2em .5em 1.5em; width: auto;}
.toc_title {font-weight: bold;}
#toc_container li, #toc_container ul, #toc_container ul li{list-style: none !important; padding: 0;}

/* tbstribed table styles for  */
.tbstriped tr th { background-color:#1C213F; color:#fff; }
.tbstriped thead td { color:#fff; background-color:#1C213F; }
/* these are the colors for alternating rows */
.tbstriped tr td { background:#fff; }
.tbstriped tbody tr.zebra td { background:#eee; }
.top {border-bottom: 1px solid #cccccc; padding-bottom: .8em; text-align:right; font-style:italic; clear:both;}

/*image align*/
img.imgright { float:right; margin:0 0 10px 10px; }
img.imgleft { float:left; margin:0 10px 10px 0; }
img.imgcenter { display:block; margin:0 auto; }

img.resp-img { max-width:100%; }

figure.fltrt {margin:0 0 10px 10px; float:right; width:30%;}
figure.fltrt img {max-width:100%; float:right;}
figure.fltrt figcaption {text-align: right; font-style: italic; font-size: smaller; clear:both;}
figure.fltlt {margin:0 10px 10px 0; float:left; width:30%;}
figure.fltlt img {max-width:100%; float:left;}
figure.fltlt figcaption {font-style: italic; font-size: smaller; clear:both;}

/* FAQ definition list CSS */
.faq dt {cursor: pointer; font-size: 1.15em; color: #003399; padding: 7px 40px 7px 0px; border-top: 1px solid #ddd;	margin-top: 7px;}
.faq dt:hover {opacity: 0.7; text-decoration: underline;}
/*.faq dt:first-child { border-top:none; }*/
.faq dt {background: url(../images/chevrondown.png) no-repeat 99%/15px 7px;}
.faq .expanded {background: url(../images/chevronup.png) no-repeat 99%/15px 7px;}
.faq dd {margin-left: 20px;	padding: 7px 40px 7px 0;}
/*old?*/
dl.faq {margin:1em 0;}
dl.faq dt {font-weight:bold;}
dl.faq dd {margin:.2em 0 .7em;}

/*horizontal list */
.horizontal { list-style-type: none; margin: 0; padding: 0; }
.horizontal li { display:inline; }
.horizontal li + li:before { content:  "\00a0\2022\00a0\00a0" ; padding: 0 10px; }

.twocol1small { width:30%; float:left; margin:0 2em 0 0; }
.twocol2big { width:65%; float:left; }

/* Bicentennial footer*/
.bicentennialf { width:180px; padding:5px 0 10px 10px; float:left; margin-top:0px; margin-right:0px; position:relative; z-index:1; }
.bicentennialf a img { max-width:180px; }

/* from previous custom.css */
div#criticalinfo { display: none; visibility: hidden; }
div#criticalinfo2 { display: none; visibility: hidden; }

li.facebook, li.twitter, li.linkedin, li.blog, li.youtube, li.instagram, li.flickr, li.govdelivery, li.rss, li.email { background-image:url(//www.maine.gov/awt/templateV3/images/new-social-media.png); background-repeat:no-repeat; padding:9px 0 9px 35px!important; }
li.facebook { background-position:-8px -6px; }
li.twitter { background-position:-8px -55px!important; }
li.linkedin { background-position:-8px -104px; }
li.blog { background-position:-8px -150px; }
li.youtube { background-position:-8px -194px; }
li.instagram { background-position:-8px -244px; }
li.flickr { background-position:-8px -292px; }
li.govdelivery { background-position:-8px -344px!important; }
li.rss { background-position:-8px -396px; }
li.email { background-position:-8px -444px; }

.row { clear:both;  width:100%; margin:0 auto; text-align:left; background-color:transparent; }
.col1 { float:left; width:48.52941176%; margin-right:2.94117647%; }
.col2 { float:left; width:48.52941176%; }
.thcol1, .thcol2 {float:left; width:28%; margin-right:3%;}
.thcol3 {float:left; width:28%;}
.leftindent { margin-left:2.5em; padding: 0; }
.alert { color:red; }
ul.nobull { list-style-type:none; margin:0px; padding:0px; }
#dep-alert { margin: 0 auto; padding: 0; }
#dep-alert a {color:#0099ff !important}
#alert-box { padding: 0px 18px 0px; color:red; }
/*#alert-box { background-color: rgba(0, 0, 0, 0.7); color:white; margin:-3px 0 0 0; padding:3px 0 0 10px; display:block; height:37px; width:100%; line-height:5px; }
#alert-box { background-color: rgba(0, 0, 0, 0.7); color:white; margin:0; padding:0 0 1em 1em; position:absolute; display:block; height:2em; width:100%; z-index:2; }*/

.hilitebox {
border: 2px solid #006699;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding: 4px .5em; margin: 1em 0;
}
.hilitebox h2 {margin-top: 0;}

/* GovDelivery get notified box */
.notifyboxl {margin: 1em 3px;padding: 0 0 6px 0;border: 1px solid #000; /*-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;*/}
.notifyboxl h3 {color:#fff !important;font-size: 1.2307em; margin: 6px 0 6px 9px !important; padding: 3px 0 0 0 !important;}
.notifyboxl p {color:#fff !important;margin: 6px 0 6px 9px !important;padding:0  !important; font-size: .8175em !important;}
.notifyboxl label {color:#fff !important;/*display:block;margin: 6px 0 2px 9px !important;padding:0 !important;*/ font-size: .75em !important; font-weight: bold;}
.notifyboxl input[type="text"] {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-left: 9px;text-align:left; font-size: 1em; padding: 2px; border-color: silver;border-width: 2px;}
.notifyboxl input[type="submit"] {margin: 6px 0 0 9px;padding: 4px 12px;font-weight: bold;line-height: 1;color: #444;border: none;text-shadow:0 1px 1px rgba(255, 255, 255, 0.85);	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb)); background-image: -moz-linear-gradient(0 100% 90deg, #fff, #bbb); background-color: #bbb;-webkit-border-radius: 23px; -moz-border-radius: 23px; -o-border-radius: 23px; border-radius: 23px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}
.notifyboxl input[type="submit"]:hover {background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbb), to(#999)); background-image: -moz-linear-gradient(0 100% 90deg, #bbb, #999); background-color: #999; text-shadow:none; color: #fff;}
.notifyboxl input[type="text"]:focus {-webkit-box-shadow:Â 0 0 12px rgba(51, 204, 255, 0.5); -moz-box-shadow: 0 0 12px rgba(51, 204, 255, 0.5); box-shadow: 0 0 12px rgba(51, 204, 255, 0.5);}
#gdSlate.notifyboxl {background: #17476d url(http://www.maine.gov/awt/govdeliv/notify-background-slateblue.jpg) no-repeat 0 0;}

/* GovDelivery signup box */
.signupbox-wide, .signupbox-tall { background: #7d6734 url(../images/signupboxbg-reed.jpg) right bottom no-repeat ; color:#fff; text-align:center; padding:5px 10px 72px; border:3px solid #333; }
.signupbox-wide { width:60%; margin:20px auto; }
.signupbox-tall { width:auto; }
.signupbox-wide h3, .signupbox-tall h3 { text-transform:uppercase; margin-bottom:2px; }
.signupbox-wide p, .signupbox-tall p { margin-top:5px; }

/* home page buttons */	
.buttons { width:auto; margin:0 5px 1em 3px; text-align:center; background-color:#fff; color:#35363B; /*border: 1px solid #999; border-radius:5px; box-shadow: 1px 2px 3px #666; -webkit-box-shadow: 1px 2px 3px #666; -moz-box-shadow: 1px 2px 3px #666;*/ }
a:link .buttons:link { border:none!important; text-decoration:none; }
a:hover .buttons:hover { box-shadow: 1px 2px 3px #666; -webkit-box-shadow: 1px 2px 3px #666; -moz-box-shadow: 1px 2px 3px #666; }
.tank { height:37px; background:url(../images/leethom_thumb.jpg) no-repeat left; padding:8px 3px 3px 55px; }
.aqf { height:37px; background:#cdf url(../images/icon_ozone_sm.gif) no-repeat left; padding:8px 3px 3px 30px; }
.safechem { height:37px; background:url(../images/icon_chem.jpg) no-repeat left; padding:8px 3px 3px 50px; }
.award { height:43px; background:#cfc url(../images/icon_award.png) no-repeat left; padding:2px 3px 3px 30px; }
.recy { height:37px; background:#a8c6ed url(../images/icon_recy.png) no-repeat left; padding:8px 3px 3px 50px; }
.boat { height:37px; background:url(../images/icon_boat.jpg) no-repeat left; padding:8px 3px 3px 55px; }
.open { height:37px; background:url(../images/icon_open.png) no-repeat left; padding:8px 3px 3px 55px; }
.sharps { height:37px; background:url(../images/icon_sharps.png) no-repeat left; padding:8px 3px 3px 55px; }
.housing { height:37px; background:url(../images/icon_housing.png) no-repeat left; padding:10px 3px 0px 40px; }
.mining { height:37px; background:#cc9 url(../images/icon_mining.png) no-repeat left; padding:8px 3px 3px 55px; }
.contractor { height:37px; background:url(../images/icon_contractor.jpg) no-repeat left; padding:8px 3px 3px 50px; }
.trend { height:37px; background:#c6d9f2 url(../images/icon_trends.png) no-repeat left; padding:8px 3px 3px 55px; }
.wipes { height:37px; background:url(../images/icon_wipes.png) no-repeat left; padding:8px 3px 3px 85px; }
.woodstove { height:37px; background:url(../images/icon_woodstove.gif) no-repeat left; padding:8px 3px 3px 50px; }
.change { height:37px; background:#fc9 url(../images/icon_change.png) no-repeat left; padding:8px 3px 3px 50px; }
.projects { height:37px; background:#fc9 url(../images/icon_projects.png) no-repeat left; padding:8px 3px 3px 55px; }
.earthday { height:37px; background:#ccf url(../images/icon_earthday.png) no-repeat left; padding:8px 3px 3px 50px; }
.adapt { height:37px; background:#eed url(../images/icon_adapt.jpg) no-repeat left; padding:8px 3px 3px 50px; }
.drugs { height:37px; background:#fc9 url(../images/icon_drugs.jpg) no-repeat left; padding:8px 3px 3px 50px; }
.plain-btn { height:34px; padding:7px; background-color:#cdf; }
.fluid { max-width: 100%; }
#qr {margin: 1em 8px;padding: 0 0 6px 0;}
#qr h4 { margin-top: 0; }
/* end previous custom.css */

/*custom pre-made button*/
.dep-green.button, .dep-green.button:visited, .dep-green.roundbutton, .dep-green.roundbutton:visited { background-color:#026433; color:#fff!important; }
.dep-green.button:hover, .dep-green.roundbutton:hover { background-color:#024527/*#014b26*/; }
.dep-greenoutline.button, .dep-greenoutline.roundbutton { background-color:#fff; color:#026433; border: 1px solid #026433; text-shadow:none!important; font-weight:500!important; }
a.dep-greenoutline.button:hover, a.dep-greenoutline.roundbutton:hover { background-color:#026433; color:#fff!important; }
.dep-greenoutline.button:visited, .dep-greenoutline.roundbutton:visited { color:#0264330!important; }
.guidbtn { display:block; margin:auto; text-align:center; width:70%; }

/*Home Page */
.home-container { margin: 0 auto; padding: 0 2em; }
.paral-container { /*max-width: 80em;*/ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.bgimg-1,.bgimg-2,.bgimg-3 { position: relative; background-attachment: fixed; background-position: center; background-repeat: no-repeat;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bgimg-1 { background-position: 50% 0%; background-image: url("../images/img-parallax1a.jpg"); min-height: 450px; }
.bgimg-2 { background-image: url("../images/img-parallax6.jpg"); min-height: 425px; }
.bgimg-3 { background-image: url("../images/img-parallax4.jpg"); min-height: 400px; }
.info-pane1 { position:relative; min-height:340px; max-width: 80em; color: #777; background-color:white; padding:30px 40px; }
.info-pane2 { position:relative; min-height:300px; max-width: 80em; color: #777; background-color:white; padding:20px 40px; }
.info-pane2 h3 { letter-spacing: 5px; text-transform: uppercase; font: 20px "Lato", sans-serif; color: #111; }
.info-pane2 ul { list-style:none; padding-left:0; margin-left:15px; }
.info-pane2 ul li { margin-bottom:10px; }
#footer { margin-top: -1px; }
#paral-search { background-color:#fff; border:1px solid #b7b7b7; /*border-radius:10px;*/ font-size:1.4em; height:40px; position:relative; width:auto; margin:20px; }
input.searchtext { font-size:0.9em; margin:7px 0 0 15px; width:87%; border:none; }
input.searchbutton { background:rgba(0, 0, 0, 0) url("../images/magnlg.jpg") no-repeat 9px 7px; height:52px; position:absolute; right:0; text-indent:-9999px; top:-1px; width:50px; border:none; }
label.overlabel { display:none; }
#home-news { width:100%; margin-bottom:30px; }
#home-news h2, .home-left h2, .home-right h2 { color:#0059b3; text-transform:uppercase; /*padding:10px 15px;*/ margin:0; font-weight:normal; font-size:2em; }
#home-news ul { list-style:none; margin:10px 0; padding-left:0; }
#home-news ul li { margin-bottom:10px; }
#home-news p { margin:25px 0; }
.home-left { width:60%; float:left; /*margin:20px 0 20px;*/ }
.home-right { float:right; width:35%; /*margin:20px auto 20px;*/ }
.home-left h2, .home-right h2 { padding:10px 0 5px; }
.home-center { text-align:center; }
ul.highlights { list-style:none; margin-left:10px 0; padding-left:0; }
ul.highlights li { margin-bottom:10px; }
#paral-box { background-color: rgba(0, 0, 0, 0.7); /*border-radius:10px;*/ margin:3em auto auto; padding:5px 0; width:50%; max-width:40em; }
#paral-box ul { font-size:1.1em; list-style:none; padding-left:20px; }
#paral-box ul li { margin-bottom:10px; }
#paral-box a { color:#fff!important; text-decoration:none; }
#paral-box a:hover { color:#0099ff!important; }
#paral-box h2 { color:#fff; text-transform:uppercase; font-weight:normal; margin:0 0 0 20px; font-size:2em; }
#paral-box-rt { background-color: rgba(0, 0, 0, 0.7); /*border-radius:10px;*/ float:right; margin:3em auto auto; padding:5px 20px 20px; width:37%; color:#fff!important; }
#paral-box-rt h2 { text-transform:uppercase; font-weight:normal; font-size:2em; }
#paral-box-rt ul { list-style:none; padding-left:2px; }
#paral-box-rt ul li { margin-bottom:10px; }
#paral-box-rt a { color:#fff!important; }
#paral-box-rt a:hover { color:#0099ff!important; }
#paral-box-lt { background-color: rgba(0, 0, 0, 0.7); /*border-radius:10px;*/ float:left; margin:3em auto auto; padding:5px 20px 20px; width:40%; color:#fff!important; text-align:center; }
#paral-box-lt h2 { text-transform:uppercase; font-size:2em; margin-bottom:15px; }
#paral-box-lt p { font-size:1.2em; width:70%; margin:0 auto 20px; }
#paral-box-lt form input#email { height:35px; width:70%; font-size:1.2em; margin-top:12px; }
#paral-box-lt form input#phone { height:35px; width:70%; font-size:1.2em; margin-top:12px; }
#paral-box-lt form input.submit { font-size:1.2em; margin-left:10px; }
ul.trending { color: #fff; font-size: 0.8em; margin:0 5px 0 0; padding-left:22px; list-style:none; }
ul.trending li { display:inline; margin-right:10px; }
ul.trending li a { color:#fff; }
ul.trending li a:hover { text-decoration:none; }

/* Home Page Example  -- if not used, delete */
.homecol1 { width:68%; float:left; margin:0 1em; }
.homecol2 { width:25%; float:left; margin:1.55em 1em; }
.homerightbox { border:1px solid #1c213f; padding:10px; margin-bottom:10px; }
.homerightbox h2 { margin:0; text-align:center; }
.homerightbox ul { margin-left:-18px; }

/* Highlight box without border -- as seen on /features/highlightbox.html  */
.highlightbox1 { background:#7497cf url("../images/fishing-bulletin-bg.jpg") no-repeat scroll right bottom; margin:10px auto 0; padding:0 0 400px; width:85%; }
.fishlink { text-decoration:none; color:#000!important; }
.gotfish { color:#fff!important; display:block; font-size:2.2em; margin:auto; padding-top:10px; text-transform:uppercase; width:72%; text-shadow:0px 1px 2px #000; text-align:center; }
.getfish { color:#fff; font-size:1.6em; text-align:center; text-shadow:0px 1px 3px #000; margin:10px; }

/* Highlight box with border -- as seen on /features/highlightbox.html */
.highlightbox2 { background:#7497cf url("../images/fishing-bulletin-bg.jpg") no-repeat scroll right bottom; margin:10px auto 0; padding:0 0 400px; border:2px solid #fff; box-shadow: 0 1px 5px 1px #666; width:85%; }
.fishbtn { display:block; margin:auto; font-size:1.5em; text-align:center; width:70%; }

/* Small Slideshow with Search and Buttons  -- as seen on /features/slideshow.html */
#home-promobox { background:#35363B; margin:0 0 10px; width:100%; }
#home-search { float:left; margin:0 2%; width:34%; }
#home-search form.searchform { background:#ffffff; border:medium none #666; border-radius:7px; box-shadow:0 2px 4px 1px #666 inset; clear:left; float:none; margin:17px auto 10px; padding:9px 10px 7px; width:100%; }
#home-search input.searchbutton { background:transparent url("../images/magn.jpg") no-repeat scroll 0 0; border:medium none; cursor:pointer; float:right; height:18px; margin:3px 0 0; width:20px; }
#home-search input.searchtext { border:medium none; color:#999999; font-size:1em; width:80%; } 
#home-popular { float:right; margin:10px 0 0; width:59%; }
ul#browse-home { float:left; list-style:outside none none; margin:5px 0 14px; padding:0; width:auto; }
ul#browse-home li { color:#fff; display:inline-block; float:left; margin:6px 4px 8px 3px; }
ul#browse-home a { background-color:#fff; border-radius:4px; color:#35363B; padding:6px 7px 5px;  text-decoration:none; }
ul#browse-home li a:hover { background-color:#cfc; color:#35363B; }
#home-promobox .flexslider { padding: 3px; width:auto; }
.flexslider .slides img { color:#fff; }


/* index2 home page design -- alternative homepage design as seen on index2.html */
.home-info { margin:40px auto 0; width:75%; }
.home-info .info { float:left; width:75%; }
.more-button { float:right; margin-top:70px; }
.more-button a { background-color:#444; box-shadow:0 0 3px -1px #000; color:#fff !important; padding:15px 25px; text-decoration:none; }
.more-button a:hover { background-color:#777; }

.highlight-boxes { margin:20px 0 -10px -16px; width:80em; float:left;}
.subscriber-box { background-color:#6693aa; color:#fff; height:425px; margin:0; padding:1.5% 2.5%; width:36em!important; float:left; }
.parent-box { background-color:#50798F; color:#fff; height:425px; margin:0; padding:1.5% 2.5%; width:36em!important; float:left; }
.subscriber-box h2, .parent-box h2 { color:#fff; padding-top:90px; text-align:center; margin:20px auto; }
.subscriber-box p, .parent-box p{ text-align:center; width:72%; margin:25px auto; }
.subscriber-box p a, .parent-box p a{ color:#fff; }

.highlight-boxes2 { width:90%; margin: 80px auto 0; }
.lightblue-box { float:left; color:#fff; background-color:#6693AA!important; padding:1% 2% 3%; width:29%; height:300px; }
.darkblue-box { float:left; color:#fff; background-color:#35699B!important; padding:1% 2% 3%; width:29%; height:300px; }
.green-box { float:left; color:#fff; background-color:#3B9562!important; padding:1% 2% 3%; width:29%; height:300px; }
.green-box ul li {line-height: 2em!important;}
.lightblue-box h2, .darkblue-box h2, .green-box h2 { color: #fff!important; }
.lightblue-box a, .darkblue-box a, .green-box a{ color: #fff!important; }

.services-box { width:80em; margin:0 0 -10px -16px; background:#F1F1F1; height:460px; float:left; }
.design, .online, .payment, .solutions { float:left; width:15em; margin:0 2.5em; }
.services-box h2 { text-align:center; font-size:2.2em; color:#1C213F; padding-top:30px; }
.services-box h3 { text-align:center; color:#1C213F; }

/* @end */