/*
Theme Name: AJ Blosenski
Theme URI: http://www.ajblosenski.com
Author: Stream Companies
Author URI: http://www.streamcompanies.com
Description: The responsive theme for AJ Blosenski.
*/

* {padding:0; margin:0;}
html body, input, select, textarea {font-family: 'Cabin', sans-serif!important; font-weight: inherit!important;}
img {border:0; max-width:100%; height:auto;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.wrapper {max-width:1200px; width:100%; margin:auto;}
.alignleft {float:left; margin:0 4% 15px 0;}
.aligncenter {display:block; margin:0 auto 15px;}
.alignright {float:right; margin:0 0 15px 4%;}
input[type=submit], input[type=button] {-webkit-appearance:none!important;}

#topbar {background-image: url(images/bg-cement.jpg);}
#topbar ul {list-style-type: none; display: inline-block;}
#topbar ul li {display: inline-block; font-size:12px; font-weight: bold; text-transform: uppercase;}
#topbar ul li a {color:#981a3b; text-decoration: none; padding:6px 10px; display: inline-block;}
#topbar ul li a:hover {color:#181821;}
#topbar ul li.highlight a {color:#fff; background-color: #981a3b;}
#topbar ul li.highlight a:hover {background-color:#181821;}
#topbar .socialLinks {float:right; background-color:rgba(0,0,0,0.3); padding:3px 15px;}
#topbar .socialLinks ul {margin:0;}
#topbar .socialLinks ul li {margin:0 0 0 5px; display: inline-block!important;}
#topbar .socialLinks a {color:rgba(0,0,0,0.3); background-color: #fff; text-decoration: none; border-radius:50%; display: inline-block; width:22px; height: 22px; text-align: center; padding:0; }
#topbar .socialLinks a i {font-size:14px; line-height: 22px;}
#topbar .socialLinks a:hover {background-color: #981a3b; color:#fff;}

#header {text-align: center; clear:both;}
#header img.logo {max-width: 220px; margin:auto; display: block; position: relative; top:-10px;}
#header h3 {display:inline-block; font-size:18px; font-weight: bold; color:#981a3b; vertical-align: middle;}
#header h3 a {color:#981a3b; text-decoration: none; cursor: inherit;}
#nav {text-align: center; border-right:1px solid #ebebeb; display: inline-block; margin:0 15px 0 0;}
#nav ul {}
#nav ul li {text-transform: uppercase; font-size:12px; font-weight: bold;}
#nav ul li a {color:#181821; text-decoration: none; padding:10px 15px; position: relative;}
#nav ul li a.sf-with-ul {padding:10px 15px 18px;}
#nav ul li a.sf-with-ul:after {position: absolute; content:'\f0d7'; display: block; color:#981a3b; bottom:5px; font-family: FontAwesome; left:50%; margin-left:-4px;}
#nav ul li a.sf-with-ul:hover:after, #nav ul li.sfHover a.sf-with-ul:after {color:#fff;}
#nav ul li a:hover, #nav ul li.sfHover a {background-color: #981a3b; color:#fff;}
#nav ul li ul {text-align: left;}
#nav ul li ul li {}
#nav ul li.sfHover ul li a {padding:10px;}
#nav ul li.sfHover ul li a:hover {background-color:#181821;}
#nav .mobonly {display: none;}

#nav .mgmenu ul {background-color: #e4e4e4; width:1200px; padding:20px; box-sizing: border-box; border-top:2px solid #ddd; text-align: center;}
#nav #menu-item-36.mgmenu ul {left:-188px; }
#nav #menu-item-42.mgmenu ul {left:-350px; }
#nav #menu-item-47.mgmenu ul {left:-514px; }
#nav #menu-item-53.mgmenu ul {left:-793px; }
#nav .mgmenu ul li {display:inline-block; max-width:225px; position: relative; margin:0 2px 4px;}
#nav #menu-item-53.mgmenu ul li {max-width: 187px;}
#nav #menu-item-53.mgmenu ul li .menu-image-title {font-size: 21px; padding:0 2px; box-sizing: border-box;}
#nav .mgmenu ul li img {padding:0; position: relative;}
#nav .mgmenu ul li:hover img {opacity:0.5;}
#nav .mgmenu ul li .menu-image-title {font-size:24px; text-align: center; position: absolute; top:20px; left: 0; width:100%;}
#nav .mgmenu ul li a {background-color: #181821!important; padding:0!important;}
.menu-image-title-after.menu-image-title {padding-left: 0;}

/*** ESSENTIAL MENU STYLES ***/
.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none; }
.sf-menu {line-height: 1.0;}
.sf-menu ul {position:	absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {display:inline-block; position:	relative;}
.sf-menu a {display: block;	position: relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0; top:	40px; /* match top ul list item height */ z-index:	800;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 200px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	200px; /* match ul width */ top:	0; }
.sf-sub-indicator {display:none;}

.btn {text-transform: uppercase; text-decoration: none; font-size: 14px; display: inline-block; padding:10px 20px; border: 0; cursor: pointer;}
.btn.white, span.btn.white:hover {background-color: #fff; color:#981a3b!important;}
.btn.red, span.btn.red:hover {background-color: #981a3b; color:#fff!important;}
.btn:hover {background-color: #181821; color:#fff!important;}
.btn.sm {font-size:12px; padding:3px 20px; margin:10px 0 0;}

#main-section {text-align: center; background-image: url(images/home-main-img2.jpg); background-size: cover; background-position: right center;}
#main-section h2 {color:#fff; text-transform: uppercase; font-size:100px; font-weight: 100; font-family: 'Roboto', sans-serif; padding:100px 0 0;}
#main-section h4 {color:#fff; text-transform: uppercase; font-size: 30px; font-weight: normal; padding:0 0 20px;}
#main-section h4 strong {font-weight: bold;}
#main-section .callout-nav { background-image: url(images/slider-pattern.png); background-color:rgba(152,26,59,0.67); margin:60px 0 0; padding:30px 20px;}
#main-section .callout-nav ul {list-style-type: none;}
#main-section .callout-nav ul li {font-size:14px; text-transform: uppercase; font-weight: bold; display: inline-block; width:32%;}
#main-section .callout-nav ul li img {display:inline-block; vertical-align: middle; max-height: 42px; margin:0 15px 0 0; padding:0!important; }
#main-section .callout-nav ul li a {color:#fff; text-decoration: none;}
#main-section .callout-nav ul li a:hover {color:#181821;}

#pageheading {clear:both; text-align: center; padding:70px 0; background-size:cover; background-position: center top;}
#pageheading h1 {color:#fff; text-transform: uppercase; font-size:45px; font-weight: normal;}

#breadcrumbs {clear:both; padding:20px 0 0;}
#breadcrumbs .trail-browse {display: none;}
#breadcrumbs ul {list-style-type: none;}
#breadcrumbs ul li {display: inline-block; text-transform: uppercase; font-size:12px; font-weight: bold; color:#981A3B;;}
#breadcrumbs ul li a {text-decoration: none; color:#181821;}
#breadcrumbs ul li a:hover {color:#981A3B;}
.trail-items li:after {content:'\f0da'!important; color:#ccc; padding:0 10px; font-family: FontAwesome;}
.trail-items li.trail-end:after {display: none;}

#pagecontent {padding:55px 0;}
#pagecontent h1 {}
#pagecontent h2 {color:#981a3b; font-size:30px; font-weight: bold; text-transform: uppercase; padding:0 0 20px;}
#pagecontent h2.blogtitle {padding:0;}
#pagecontent h3 {color:#181821; font-size:20px; font-weight: bold; text-transform: uppercase; padding:0 0 20px;}
#pagecontent h3.sep {border-bottom:1px solid #181821; padding:0; margin:0 0 20px;}
#pagecontent h4 {color:#981a3b; font-size:18px; font-weight: bold; text-transform: uppercase; padding:0 0 10px;}
#pagecontent h5 {color:#981a3b; font-size:16px; font-weight: bold; text-transform: uppercase; padding:0 0 10px;}
#pagecontent h6 {font-size:14px;}
#pagecontent p {color:#181821; font-size:16px; line-height: 24px; padding:0 0 30px;}
#pagecontent p.date {font-size:12px; font-style: italic; line-height: normal; padding:0 0 10px; border-bottom:1px solid #ccc; margin:0 0 15px;}
#pagecontent p strong.red {color:#981a3b;}
#pagecontent p.wp-caption-text {font-size:14px; line-height: normal; font-style: italic; text-align: center;}
#pagecontent a {color:#981a3b;}
#pagecontent a.phoneLink {cursor: inherit;}
#pagecontent a:hover {text-decoration: none;}
#pagecontent a.phoneLink:hover {text-decoration: underline;}
#pagecontent ul {list-style-image: url(images/icon-bullet.png); margin:0 0 30px 20px;}
#pagecontent ul ul, #pagecontent ol ul {margin:20px 0 0 20px; list-style-image: url(images/icon-subbullet.png);}
#pagecontent ol {margin:0 0 30px 40px;}
#pagecontent li {color:#181821; font-size:16px; padding:0 0 30px;}
#pagecontent ul ul li, #pagecontent ol ul li {padding:0 0 10px;}
#pagecontent #sidebar li {padding:0 0 10px;}
#pagecontent ul.two-col:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#pagecontent ul.two-col li {float:left;; width:45%; margin:0 5% 0 0; padding:0 0 10px;}

#ouibounce-modal .modal .modal-body {padding:20px; text-align: center;}
#ouibounce-modal .modal .modal-body h5 {color:#181821; font-size:16px; line-height: 24px; padding:0 0 15px;}
#ouibounce-modal .modal .modal-body h3 { color:#981a3b; font-size:20px; font-weight: bold; text-transform: uppercase; padding:0 0 20px;}
#ouibounce-modal .modal .modal-body .btn {text-transform: uppercase; text-decoration: none; font-size: 14px; display: inline-block; padding:10px 20px; background-color: #981a3b; color:#fff!important;}
#ouibounce-modal .modal .modal-body .btn:hover {background-color:#181821;}

.page-id-146 #pagecontent li {padding:0 0 10px;}

.centertext {text-align: center;}
#pagecontent #sidebar #text-2 p, #pagecontent #sidebar #text-5 p {padding:0;}

.yearbubble {text-align:center; position: relative; background-color:#981a3b; padding:5px; border-radius:50%; display: block; margin:0 0 20px; width:100px; height: 100px; z-index: 20; box-shadow: 3px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:3px 1px 2px rgba(0, 0, 0, 0.25);}
.yearbubble:after {display: block; position: absolute; bottom:-9px; border-top:10px solid #981a3b; border-left:8px solid transparent; border-right:8px solid transparent; content:''; left:50%; margin:0 0 0 -8px;}
#pagecontent .yearbubble h4 {color:#fff; text-transform: uppercase; font-size:32px; line-height: 22px; font-weight: 600; padding:32px 0 0; }
#pagecontent .yearbubble h4 .sm {display: block; font-size:14px; font-weight:normal;}
#yeartimeline .one-third {margin:0 0 40px; padding:0 15px;}
#yeartimeline .one-third:nth-of-type(3n+1) {clear:both;}
#yeartimeline .img-box {position: relative;}
#yeartimeline .img-box img {position: absolute; z-index: 10; top:5px; left:75px;}

.item-container {border-bottom:1px solid #ddd; margin:0 0 30px; }
.item-container .info {float:left; width:45%;}
.item-container ul {float:left; width:50%;}
.item-container ul li {padding:0 0 15px!important; font-weight: 600;}
.item-container ul li strong {color:#981a3b;}
.item-container ul ul {float:none; width:auto;}
.item-container ul ul li {padding:0!important; color:#7b7b7b!important; font-style: italic;}

.column {box-sizing: border-box; float:left; padding:0 30px 0 0;}
.columnR {box-sizing: border-box; float:right; padding:0 0 0 30px;}
.graybox {background-color: #f1f1f1; padding:10px;}
.two-thirds {width:67%;}
.one-third {width:33%;}
.one-half {width:50%;}

.fimg {float:right; margin:0 0 15px 4%;}
.fimg img {border-radius:50%;}

#employee-archives {background-color: #f1f1f1; padding:10px; text-align: center; margin:20px 0;}
#employee-archives .column {padding:20px 15px;}
#employee-archives .fimg {float:none; margin:0 auto 10px;}
#employee-archives .btn {float:right; clear:both;}

.formselect {clear:both; position: relative;}
.formselect label {color:#981a3b; font-size:18px; font-weight: bold; text-transform: uppercase; display: block; padding:0 0 5px;}
.formselect label#triggerlabel {  background-color: #fff; box-sizing: border-box; cursor: pointer; display: block; padding: 8px 10px; width: 100%; font-weight: bold; font-size:16px; color:#181821; text-transform: none; border:1px solid #ccc;}
.formselect ul {background-color:#fff; box-sizing: border-box; padding:0; display: none; list-style-type: none; margin: 0!important; list-style-image: none!important; position:absolute; -webkit-box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.25); box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.25); width:95%; z-index: 100;}
.formselect ul li {padding:0!important;}
.formselect ul li a { font-weight: bold; font-size:16px; color:#181821!important; text-decoration: none; display: block; padding:5px 10px;}
.formselect ul li a:hover{color:#fff!important; background-color: #981a3b;}
.formselect select {border:0; padding:5px; width:86%; box-sizing: border-box; float:left;}
.formselect input[type=submit] {padding:7px 7px 8px; border-radius:0 5px 5px 0; float:left;}

#pagecontent ul.nf-breadcrumbs {list-style-image: none; border-bottom:2px solid #333;}
#pagecontent ul.nf-breadcrumbs li.active {background-color:#333;}
#pagecontent ul.nf-breadcrumbs li.active a {color:#fff;}
#pagecontent ul.nf-breadcrumbs li a {margin:0; padding:10px;}
#pagecontent ul.nf-next-previous {list-style-image: none;}
.nf-mp-header h3 {color:#981a3b!important;}
#nf-form-6-cont .nf-field-element ul li, #nf-form-7-cont .nf-field-element ul li {display: inline-block; margin:0 15px 0 0!important;}
#nf-form-7-cont #nf-field-171-wrap .nf-field-element ul li {width:47%;}
#nf-form-6-cont .nf-field-element ul li input[type=radio], #nf-form-7-cont .nf-field-element ul li input[type=radio] {margin:0;}
.nf-progress {background-color: #339933!important;}
.nf-form-cont .disclaimer p, .nf-form-cont .disclaimer li {font-size:14px!important; font-style:italic; line-height: normal!important; padding:0 0 20px!important;}
#pagecontent ul.nf-next-previous input[type="button"] {padding:5px 20px; font-size:11px;}
.html-container {margin-bottom:0!important;}

select {color:#181821; font-weight: bold; font-size: 16px;}
input[type=submit], input[type=button] {background-color: #981a3b; color:#fff; text-transform: uppercase; border:0; cursor: pointer;}
input[type=submit]:hover, input[type=button]:hover {background-color: #181821;}

#searchform label {font-size:18px; font-weight: 600; color:#181821; display: block; margin:0 0 5px;}
#searchform input[type=text] {background-color:#f1f1f1; border:0; display: inline-block; width:80%; padding:10px; box-sizing: border-box; font-size:20px; color:#181821; height: 50px; float:left;}
#searchform input#searchsubmit {font-family: FontAwesome; padding:15px 20px; font-size:20px;}

.bigbutton {background-size:cover; background-position: right center; padding:25px; display: block; color:#fff!important; text-decoration: none; margin:0 0 30px; font-weight: bold; font-size:30px; text-transform: uppercase;}
.bigbutton .text {float:left; width:50%; margin:0 20px 0 0;}
.bigbutton:hover {opacity:0.8;}
.bigbutton.holiday {background-image: url(images/button-holiday.jpg);}
.bigbutton.compose {background-image: url(images/button-compost.jpg);}
.bigbutton.pay {background-image: url(images/button-payment.jpg);}

#trash-callout {background-image: url(images/bg-cement.jpg); background-position: left center; clear:both; margin:55px 0; }
#trash-callout .maintext {padding:70px 2% 50px 20%; background-image:url(images/trashbag.png); background-position: left top; background-repeat: no-repeat; box-sizing: border-box; background-size: auto 100%;}
#trash-callout .img-callout {position: relative; float:right; width:210px; margin:0 0 0 70px; }
#trash-callout .img-callout img {border:4px solid #fff; border-radius:50%;}
#trash-callout .img-callout a.btn {position: absolute; bottom:0; width:100%; box-sizing: border-box; padding:10px; text-align: center;}

#contactInfo {padding:20px 30px; margin:0 0 50px;}
#contactInfo .column:nth-child(2) {padding:0;}
#contactInfo p {padding:0 0 10px;}

.nf-before-form-content {text-align: right; font-size:12px; font-style: italic; margin:0 0 15px;}
.nf-form-cont label {color:#181821; font-size:16px; font-weight: 600!important;}
.label-above .nf-field-label {margin-bottom:5px!important;}
.nf-form-cont input[type=text], .nf-form-cont input[type=email], .nf-form-cont input[type=tel], #paynowloader input[type=text] {background-color:#f1f1f1; border:0; display: block; width:100%; padding:10px; box-sizing: border-box; font-size:20px; color:#181821; height: 50px;}
.nf-form-cont select {background-color:#f1f1f1; border:0; display: block; width:100%; padding:10px; box-sizing: border-box; font-size:20px; color:#181821;  height: 50px;}
.nf-form-cont textarea {background-color:#f1f1f1; border:0; display: block; width:100%; padding:10px; box-sizing: border-box; font-size:20px; color:#181821; height: 100px;}
.nf-form-cont input[type=submit], .nf-form-cont input[type=button] {float:right; padding:10px 40px;}
.nf-field-container {margin:0 0 20px;}
.ninja-forms-req-symbol, .nf-error-msg {color: #981a3b!important;}
.nf-error .ninja-forms-field {border:1px solid #981a3b!important;}

#nf-form-1-cont nf-field:nth-child(1), #nf-form-1-cont nf-field:nth-child(3) {float:left; width:49%; margin-right:1%;}
#nf-form-1-cont nf-field:nth-child(2), #nf-form-1-cont nf-field:nth-child(4) {float:left; width:49%; margin-left:1%;}

.toplevel-square {position: relative; margin:0 0 40px; }
.toplevel-square img {position: relative; z-index: 10;}
.toplevel-square:hover img {opacity:0.75;}
.toplevel-square a {display: block;}
.toplevel-square a.linkText {position: absolute; left:30px; bottom:30px; color:#fff!important; text-decoration: none; z-index: 20; font-weight: bold; text-transform: uppercase; font-size:18px; max-width: 60%;}
.toplevel-square a.linkText:after {display: block; font-family: FontAwesome; content:'\f101'; font-size:30px; font-weight: bold; bottom:-4px; position: absolute; right:-30px;}

#footer {background-color:#f1f1f1; background-image:url(images/footer-pattern.png); clear:both; overflow: hidden; padding:40px 0; text-align: right;}
#footer img {max-width: 225px; float:left;}
#footer ul {list-style-type: none; display: inline-block; margin:33px 15px 0 0;}
#footer ul li {display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 12px; margin:0 0 0 15px;}
#footer ul li a {color:#181821; text-decoration: none;}
#footer ul li a:hover {color:#981a3b;}
#footer .socialLinks {float:right; margin:33px 0 0;}
#footer .socialLinks ul {margin:0;}
#footer .socialLinks ul li {margin:0 0 0 10px;}
#footer .socialLinks a {color:#f1f1f1; background-color: #981a3b; text-decoration: none; border-radius:50%; display: inline-block; width:22px; height: 22px; text-align: center; }
#footer .socialLinks a i {font-size:14px; line-height: 22px;}
#footer .socialLinks a:hover {background-color: #181821; color:#f1f1f1;}

@media only screen and (max-width: 1199px) {
	#pagecontent .wrapper, #footer .wrapper {box-sizing:border-box; padding:0 2%;}
	#breadcrumbs {padding:20px 2% 0;}
	
	.bigbutton {line-height: 30px;}
	.bigbutton .text {width:65%; margin:0 10px 0 0;}
	.bigbutton img {max-width:60px;}
	
	#trash-callout .maintext {padding:40px 2% 20px 20%; background-position: left -60px top;}
	#trash-callout .img-callout {margin:0 0 0 40px;}
	
	#nav .mgmenu ul { width:1000px;}
	#nav #menu-item-36.mgmenu ul {left:-88px;}
	#nav #menu-item-42.mgmenu ul {left:-250px;}
	#nav #menu-item-47.mgmenu ul {left:-414px;}
	#nav #menu-item-53.mgmenu ul {left:-693px;}
	#nav #menu-item-42.mgmenu ul li {width:25%;}
	#nav #menu-item-47.mgmenu ul li {width:25%;}
	#nav #menu-item-53.mgmenu ul li {max-width: 225px;}
	#nav .mgmenu ul li {/*width:19.3%;*/ width:25%;}
	#nav .mgmenu ul li .menu-image-title {box-sizing: border-box; padding:0 20px; font-size:20px;}
}

@media only screen and (max-width: 1199px) and (min-width:1000px) {
.nf-breadcrumbs li {width:20%; text-align: center;}
}

/*ipad */
@media only screen and (max-width: 999px) {
	#header img.logo {top:-5px;}
	
	#nav ul li a {padding:10px 8px;}
	#nav ul li a.sf-with-ul {padding:10px 8px 18px;}
	
	#nav .mgmenu ul {background-color: #981a3b; width:200px!important; padding:0px; box-sizing: border-box; left:auto!important; border-top:0;}
#nav .mgmenu ul li {float:none; max-width:none; margin:0; width:100%!important;}
#nav .mgmenu ul li img {display: none;}
#nav .mgmenu ul li .menu-image-title {font-size:12px!important; position: static; display: block; padding:0; text-align: left;}
#nav .mgmenu ul li a {background-color:transparent!important; color: #fff!important; padding:10px 8px!important;}
	#nav .mgmenu ul li a:hover {background-color: #181821!important;}
	
	#main-section h2 {padding:50px 0 0;}
	#main-section .callout-nav {margin:40px 0 0; padding:20px;}
	#main-section .callout-nav ul li {vertical-align: top;}
	#main-section .callout-nav ul li img {display: block; margin:0 auto 10px;}
	
	.bigbutton {padding:15px; line-height: 21px; font-size: 24px;}
	.bigbutton img {max-width:40px;}
	
	.formselect select {width:82%;}
	#yeartimeline .one-third {width:50%; padding:0 15px;}
	#yeartimeline .one-third:nth-of-type(3n+1) {clear:none;}
	#yeartimeline .one-third:nth-of-type(odd) {clear:both;}
	
	#trash-callout .maintext {background-image: none; padding:30px 2%;}
	#nf-form-7-cont #nf-field-171-wrap .nf-field-element ul li {width:100%;}

}

@media only screen and (max-width: 999px) and (min-width:768px) {
	.toplevel-square {float:none; width:100%; padding:0; max-width:400px!important;}
	.toplevel-square a.linkText {max-width:70%;}
	
#nf-form-1-cont nf-field:nth-child(1), #nf-form-1-cont nf-field:nth-child(3) {float:none; width:100%; margin-right:0;}
#nf-form-1-cont nf-field:nth-child(2), #nf-form-1-cont nf-field:nth-child(4) {float:none; width:100%; margin-left:0;}
	
	#pagecontent ul.two-col li {float:none;; width:100%; margin:0;}
	.nf-breadcrumbs li {width:20%; text-align: center;}
	.nf-breadcrumbs li a {font-size:14px!important;}
	.btn{margin-bottom:10px;}
}

@media only screen and (max-width: 767px) {
	#topbar ul li {display: none;}
	#topbar ul li:first-child {display: block;}
	#topbar .socialLinks {display: none;}
	#header h3 {position:absolute; top:2px; right:100px;}
	#nav-open-btn {background-color: #fff; position: absolute; right:0; top:0; padding:5px 15px 20px; color:#981a3b; text-decoration: none; font-weight: 600; font-size:14px; text-transform: uppercase;}
	
	#nav {margin:0;}
	#nav ul li {display: block; text-align: left; font-size:16px; border-bottom:1px solid #ebebeb;}
	#nav ul li a.sf-with-ul:after {display: none;}
	#nav ul li a, #nav .mgmenu ul li a {padding:15px!important;}
	.sf-menu ul, #nav .mgmenu ul {width:100%!important;}
	#nav ul li ul li, #nav .mgmenu ul li .menu-image-title {border-bottom:0; font-size:14px;}
	#nav .mobonly {display: block;}
	#nav #menu-item-53.mgmenu ul li {max-width: none;}
	
	#main-section h2 {font-size:80px;}
	
	.column, .columnR {float:none; width:100%!important; padding:0!important; clear:both;}
	#contactInfo .column:nth-child(1) {margin:0 0 30px;}
	#sidebar {padding:40px 0 0!important;}
	
	.bigbutton {font-size:28px; line-height: 30px; box-sizing: border-box; float:left; margin:0 1% 20px; width:48%;}
	.bigbutton img {max-width: 60px;}
	
	.toplevel-square {float:left!important; width:50%!important; padding:0 5px!important; clear:none!important; margin:0 0 25px;}
	.toplevel-square a.linkText {max-width:70%;}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-width: 600px) {
	#pagecontent .wrapper, #footer .wrapper {padding:0 4%;}
	#breadcrumbs {padding:20px 4% 0;}
	
	#header img.logo {max-width: 180px; margin:5px auto; top:0;}
	#header h3 {font-size:16px; right:83px; top:3px;}
	#nav-open-btn {padding:5px 10px;}
	
	#pageheading {padding:50px 10px;}
	#pageheading h1 {font-size:33px;}
	
	#pagecontent {padding:25px 0;}
	#pagecontent h2 {font-size:28px;}
	
	#main-section .callout-nav {padding:0;}
	#main-section .callout-nav ul li {display: block; width:100%; text-align: left; padding:12px; border-bottom:1px solid #fff; box-sizing: border-box;}
	#main-section .callout-nav ul li img {display: inline-block; margin:0 15px 0 0; max-height: 32px;}
	#main-section h2 {font-size:50px; padding:30px 0 0;}
	
	.bigbutton {float:none; width:100%; margin:0 0 20px; line-height: 27px; }
	
	#trash-callout {margin:35px 0;}
	#trash-callout .maintext {padding:30px 4%;}
	#trash-callout .img-callout {float:none; margin:0 auto 20px;}
	#yeartimeline .one-third {margin:0 0 20px;}
	
	.item-container .info {float:none; width:100%; margin:0 0 20px;}
	.item-container ul {float:none; width:auto;}
	
	.toplevel-square {float:none!important; width:100%!important; padding:0!important; margin:0 0 10px;}
	.toplevel-square a.linkText {max-width:70%;}
	
	#nf-form-1-cont nf-field:nth-child(1), #nf-form-1-cont nf-field:nth-child(3) {float:none; width:100%; margin-right:0;}
	#nf-form-1-cont nf-field:nth-child(2), #nf-form-1-cont nf-field:nth-child(4) {float:none; width:100%; margin-left:0;}
	
	#pagecontent ul.two-col li {float:none;; width:100%; margin:0;}
	
	#pagecontent ul.nf-breadcrumbs {display: none;}
	.btn{margin-bottom:10px;}
	
	#footer {text-align: center; padding:20px 0;}
	#footer img {float:none; margin:0 auto; display: block;}
	#footer .socialLinks {float:none; margin:20px 0 0;}
}