/* CSS Document */
#mobile:not( .mm-menu ) {display: none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
button:focus { outline:none !important; }
* {box-sizing: border-box; background-repeat:no-repeat;}
.stButton .stLarge:hover {background-position:0px !important;}

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p, li, a, input, select {font-family:"proxima-nova", Arial, sans-serif; color:#7f7f7f;}
p a {color:#c9d526;}
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a ,h4 a, h5 a, h6 a {font-weight:normal; font-family:"proxima-nova", Arial, sans-serif; color:#7f7f7f; line-height:1.3em;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
.middle {display: table-cell; vertical-align: middle;}

#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left;}
#container>div {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1400px; max-width: 100%;}
.content {float: left; width: 90%; max-width: 100%; margin:0 5%; position:relative;}

p {font-size:16px; line-height:1.4em;}
.top {margin-top:-74px; padding-top:74px;}
.margin {padding:40px 0;}
.wide {margin-bottom:40px;}
.center {text-align:center;}
.green {background-color:#6dbca7;}
.blue {background-color:#007dc5;}
.wide:last-child {margin-bottom:0px;}

@media only screen and (min-width: 640px) {
.margin {padding:50px 0;}
p {font-size:18px;}
.top {margin-top:-84px; padding-top:84px;}
  }

@media only screen and (min-width: 1024px) {
.margin {padding:60px 0;}
p {font-size:20px;}
  }

.copy h1 {color:#007dc5; font-size:32px; margin-bottom:20px;}
.copy h2 {color:#007dc5; font-size:32px; font-weight:300; margin-bottom:20px;}
.copy.title h2 {color:#6dbca7}
.copy h3 {color:#007dc5; font-size:18px; margin-bottom:20px;}
.copy h4 {color:#007dc5; font-size:18px; margin-bottom:20px;}
.copy ul {margin-bottom:16px;}
.copy ul li {font-size:18px; line-height:1.4em; margin-bottom:4px;list-style-type:disc; margin-left:20px;}
.copy p {margin-bottom:20px;}
.copy table td {padding-right:15px; font-family:"proxima-nova", Arial, sans-serif; color:#ffffff; font-size:14px; line-height:1.4em;}
.copy.white p, .copy.white h1, .copy.white h2, .copy.white h3, .copy.white.h4, .copy.white h5 {color:#ffffff;}
.copy p:last-child, .copy h1:last-child, .copy h2:last-child, .copy h3:last-child, .copy h4:last-child, .copy h5:last-child {margin-bottom:0px;}
.copy p big {font-size:1em; color:#007dc5;}

.thirds {position:relative; z-index:3;}
.third {float:left; width:100%;  margin-bottom:30px;}
.third h4 {font-size:20px; color:#ffffff; margin-bottom:10px; font-weight:bold;}
.third p {color:#ffffff; font-size:16px;}

.columns {}

@media only screen and (min-width: 768px) {
.copy h1 {font-size:36px;}
.copy h2 {font-size:36px;}
.copy h3 {font-size:20px;}
.copy h4 {font-size:20px;}
.copy table td {font-size:16px;}
  
.third {width:33.3333%; border-right:1px solid #ffffff; padding:0 5%;  margin-bottom:45px;}
.third:last-child {border-right:0px;}
.third h4 {font-size:24px;margin-bottom:15px;}
.third p {font-size:18px;}
  }

@media only screen and (min-width: 1024px) {
.copy h1 {font-size:40px;}
.copy h2 {font-size:40px;}
.copy h3 {font-size:22px;}
.copy h4 {font-size:22px;}
.copy table td {font-size:18px;}
  
.third {margin-bottom:0px;}
.third h4 {font-size:28px;margin-bottom:20px;}
.third p {font-size:20px;}
  
.columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
  }

ul#menu-mainnav {display:none;float:right; margin-top:32px;}
ul#menu-mainnav>li {float:left; padding-left:10px;}
ul#menu-mainnav>li>a {color:#ffffff; font-size:17px; font-weight:bold;padding:3px 15px;}
ul#menu-mainnav>li>a:hover, ul#menu-mainnav>li.Highlighted>a  {background-color:#ffffff; color:#007dc5; -webkit-border-radius: 20px; border-radius: 20px;}

a#navButton {margin-top:12px; float:right; position:relative; display:block; height:50px; color:#FFFFFF; font-size:16px; text-transform:lowercase;  background-image:url(/wp-content/themes/stpwindow/assets/hamburger-white.png); background-repeat:no-repeat; background-position:center center; width:60px;}
a#navButton span {color:#2d7248; display:none; position:absolute; left:-75px; top:15px; font-family:"bebas_neue_regular",sans-serif; text-transform:lowercase; letter-spacing:2px;  font-size:18px;}

@media only screen and (min-width: 640px) {
  a#navButton {margin-top:18px;}
  }
@media only screen and (min-width: 1024px) {
  a#navButton {display:none;}
  ul#menu-mainnav {display:block;}
  }

#footer {background-color:#27354c;}
#footer .content {background-image:url(/wp-content/themes/stpwindow/assets/accreditations.png); background-position:top left;  padding-top:100px;}
ul#menu-footernav {margin-bottom:80px; float:left; width:100%;}
ul#menu-footernav li {line-height:18px; height:18px; float:left; padding-right:15px; margin-right:15px; border-right:1px solid #ffffff;}
ul#menu-footernav li.last {padding:0px; margin:0px; border:0px;}
ul#menu-footernav li a {color:#ffffff; font-weight:bold; }
ul#menu-footermainnav {margin-bottom:70px;  float:left; width:100%;}
ul#menu-footermainnav li {line-height:18px; height:18px; float:left; padding-right:15px; margin-right:15px; border-right:1px solid #ffffff; margin-bottom:10px;}
ul#menu-footermainnav li.last {padding:0px; margin:0px; border:0px;}
ul#menu-footermainnav li a {color:#ffffff; font-weight:bold; }
#footer p.copyright {color:#ffffff; clear:left;}

#navigation {background-color:#007dc5; height:74px; }
#navigation a.home {position:relative; width:150px; z-index:100; float:left; display:inline-block; padding:0px 5px 0px 5px; background-color:#ffffff; -webkit-box-shadow: 3px 3px 10px 1px #000000; box-shadow: 3px 3px 10px 1px #000000; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
#navigation a.home img {width:100%;}
#navigation p.phone {color:#ffffff; font-weight:300; font-size:18px; position:absolute; top:42px; right:11px; margin-right:-5.5555%;}
#navigation a.contact {display:none;}
#navigation a.windowLink {color:#ffffff; font-size:14px; font-weight:bold; background-color:#6DBCA7; padding:10px 10px; float:right; margin-right:-5.5555%;}
#menu {background-color:rgba(0,85,158,0.6); height:74px; z-index:10;}

@media only screen and (min-width: 640px) {
#footer .content {background-position:top right; padding-top:0px;}
#navigation {height:84px;}
#navigation a.home {width:auto; padding:0px 5px 0px 5px; }
#navigation a.windowLink {font-size:16px; padding:12px 20px;}
#navigation p.phone {font-size:22px; position:absolute; top:8px; right:185px; margin-right:-5.5555%;}
#menu {height:84px;}
  }

@media only screen and (min-width: 1024px) {
#navigation a.contact {display:block; color:#ffffff; font-size:17px; font-weight:bold; float:right;  display:inline-block; margin:16px 30px 0 0;}
#navigation a.windowLink {font-size:18px; padding:16px 30px; margin-right:0px;}
#navigation p.phone {font-size:30px; position:absolute; top:22px; left:270px; margin:0px; right:auto;}
  }

#banner {overflow:hidden; float:left; background-image:url(/wp-content/themes/stpwindow/assets/header-window-cleaning.jpg); background-size:cover;} 
#banner .cherryHeader {display:block; float:left; width:100%; padding:50px 0;}
#banner .cherryHeader h1 {color:#ffffff; font-size:30px; font-weight:300;  margin-bottom:20px; line-height:35px;}
#banner .cherryHeader h2 {color:#ffffff; font-size:20px; font-size:300;}
#banner .cherryHeader p {color:#ffffff; font-size:20px; font-size:300; margin-bottom:20px;}
#banner .stripe {float:left;  background-color:rgba(0,85,158,0.6); padding:20px 5% 0 5%; width:111.1111%; margin-left:-5.5555%;}
#banner .stripe h3 {z-index:2; font-size:30px; color:#ffffff; font-weight:300; margin-bottom:20px; text-align:center;}
#banner .thirds img {margin-bottom:10px;}
#banner.contact .thirds {text-align:center;} 
#banner img.mask {z-index:1; position:absolute; bottom:0px; left:0px; width:100%; height:300px;}

@media only screen and (min-width: 640px) {
#banner .stripe {padding:30px 0 0 0;}
#banner .cherryHeader h1 {font-size:40px; line-height:45px;}
#banner .cherryHeader h2 {font-size:25px;}
#banner .cherryHeader p {font-size:25px;}
#banner .stripe h3 {font-size:35px; margin-bottom:30px;}
  }
@media only screen and (min-width: 1024px) {
#banner {height:960px;} 
#banner .content {height:876px;}
#banner.contact {height:712px;} 
#banner.contact .content {height:628px;}
#banner .cherryHeader {padding:120px 0 0 0; width:50%;}
#banner .cherryHeader h1 {font-size:50px; line-height:55px;}
#banner .cherryHeader h2 {font-size:30px;}
#banner .cherryHeader p {font-size:30px;}
#banner .stripe {position:absolute; bottom:0px; background-color:rgba(49,128,107,0.6); padding:40px 0; width:100%; margin-left:0%;}
#banner .stripe:before {content:''; background-color:rgba(49,128,107,0.6); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#banner .stripe:after {content:''; background-color:rgba(49,128,107,0.6); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#banner.contact .stripe {position:absolute; bottom:0px; background-color:rgba(0,85,158,0.6); padding:40px 0; width:100%; margin-left:0%;}
#banner.contact .stripe:before {content:''; background-color:rgba(0,85,158,0.6); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#banner.contact .stripe:after {content:''; background-color:rgba(0,85,158,0.6); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#banner .stripe h3 {font-size:40px; margin-bottom:30px;}
  }

#cleaning {text-align:center;}
#cleaning .third {display:inline-block; vertical-align:top; width:100%; border-right:1px solid #ffffff; text-align:left; margin-bottom:40px;}
#cleaning .third:last-child {margin-bottom:0px;}
#cleaning .third img {width:100%; margin-bottom:20px;}
#cleaning .third h3 {font-size:26px; color:#000000; margin-bottom:20px; font-weight:bold;}
#cleaning .third h4 {font-size:18px; color:#007dc5; margin-bottom:16px;}
#cleaning .third p {color:#7f7f7f; font-weight:normal;}

@media only screen and (min-width: 640px) {
#cleaning .third {width:50%;  padding:0 5%;}
#cleaning .third h3 {font-size:28px; margin-bottom:25px;}
#cleaning .third h4 {font-size:20px; margin-bottom:18px;}
#cleaning .third img {margin-bottom:25px;}
  }
@media only screen and (min-width: 1024px) {
#cleaning .third {width:33.3333%; margin-bottom:0px;}
#cleaning .third h3 {font-size:30px; margin-bottom:30px;}
#cleaning .third h4 {font-size:22px; margin-bottom:30px;}
#cleaning .third img {margin-bottom:30px;}
  }

#quote {background-image:url(/wp-content/themes/stpwindow/assets/quote-background.jpg); background-size:cover; background-position:center center; text-align:center;}
#quote h2 {color:#ffffff; font-size:32px; font-weight:300; margin-bottom:30px;}
#contactForm input[type=text] {width:100%; padding:10px; font-size:18px; font-weight:normal; font-family:"proxima-nova", Arial, sans-serif; color:#007dc5; font-weight:bold; border-radius:0px; border:0px;}
#contactForm input[type=email] {width:100%; padding:10px; font-size:18px; font-weight:normal; font-family:"proxima-nova", Arial, sans-serif; color:#007dc5; font-weight:bold;  border-radius:0px; border:0px;}
#contactForm button[type=submit] {display:inline-block; background-color:#007dc5; color:#ffffff; font-size:18px; font-weight:normal; font-family:"proxima-nova", Arial, sans-serif; padding:10px 30px; margin-bottom:30px; border-radius:0px; border:0px;}
#quote h4 {color:#ffffff; font-size:24px; font-weight:300;}

@media only screen and (min-width: 640px) {
#quote h2 {font-size:36px;}
#quote h4 {font-size:26px;}
  }
@media only screen and (min-width: 1024px) {
#quote h2 {font-size:40px;}
#quote h4 {font-size:28px;}
  }

.cherryPicker {float:left; margin-bottom:20px;}
.cherryPicker:last-child {margin-bottom:0px;}
.cherryPicker .image {float:left; width:100%; height:288px; background-size:cover; background-position:center;}
.cherryPicker .copy {float:left; width:100%; background-color:#007dc5; padding:3% 4%;}
.cherryPicker .copy h3 {color:#ffffff; font-size:30px; margin-bottom:20px; width:100%; float:left;}
.cherryPicker .copy p {color:#ffffff;}
.cherryPicker .copy table {margin-top:20px;}
.cherryPicker .copy .left {float:left; width:100%; }
.cherryPicker .copy .right {float:right; width:100%;}
.cherryPicker:nth-child(odd) .copy {background-color:#6DBCA7;}

@media only screen and (min-width: 640px) {
.cherryPicker {display:flex;}
.cherryPicker .image {float:left; height:auto; width:50%; flex-grow: 1;}
.cherryPicker .copy {float:left; width:50%;}
  }
@media only screen and (min-width: 1024px) {
.cherryPicker .image {width:33.3333%;}
.cherryPicker .copy {width:66.6666%;}
.cherryPicker .copy .left {width:50%; padding-right:5%; border-right:1px solid #ffffff;}
.cherryPicker .copy .right {width:45%;}
  }

#testimonial {background-image:url(/wp-content/themes/stpwindow/assets/testimonial-banner.jpg); background-size:cover; background-position:center;}
#testimonial h3 {color:#ffffff; font-size:32px; text-align:center; font-weight:300; margin-bottom:40px;}
#testimonial p {color:#ffffff; font-size:22px; margin-bottom:20px;}
#testimonial p strong {color:#ffffff; font-weight:bold; font-size:18px;}
#testimonial p:last-child {margin-bottom:0px;}

@media only screen and (min-width: 768px) {
#testimonial h3 {font-size:36px;}
#testimonial p {font-size:26px;}
#testimonial p strong {font-size:20px;}
  }

@media only screen and (min-width: 1024px) {
#testimonial h3 {font-size:40px;}
#testimonial p {font-size:30px;}
#testimonial p strong {font-size:22px;}
    }

#clients {}
#clients .cycle-slideshow {width:111.1111%; margin-left:-5.5555%; float:left;}
#clients img {padding:0 20px;}
#clients #client-prev {display: none;}
#clients #client-next {display: none;}

@media only screen and (min-width: 768px) {
#clients .cycle-slideshow {width:70%; float:left; margin: 0px 15% 0 15%;}
#clients #client-prev {display: block; width: 11px; height: 18px; background-image: url(/wp-content/themes/stpwindow/assets/arrow-blue-left.png); background-repeat: no-repeat; position: absolute; left: 2%; bottom: 10px; cursor:pointer;}
#clients #client-next {display: block; width: 11px; height: 18px; background-image: url(/wp-content/themes/stpwindow/assets/arrow-blue-right.png); background-repeat: no-repeat; position: absolute; right: 2%; bottom: 10px; cursor:pointer;}
#clients #client-prev:hover {background-image: url(/wp-content/themes/stpwindow/assets/arrow-blue-left.png);}
#clients #client-next:hover {background-image: url(/wp-content/themes/stpwindow/assets/arrow-blue-right.png);}
}

@media only screen and (min-width: 1280px) {
#clients .cycle-slideshow {width:80%; float:left; margin: 0px 10% 0 10%;}
  }


/* ----- WINDOW CLEANING ---- */
/* ----- WINDOW CLEANING ---- */
/* ----- WINDOW CLEANING ---- */
/* ----- WINDOW CLEANING ---- */
#bannerShort {overflow:hidden; float:left; background-image:url(/wp-content/themes/stpwindow/assets/header-window-cleaning.jpg); background-size:cover; background-position:center center;} 
#bannerShort .stripe {float:left;  background-color:rgba(0,85,158,0.6); padding:20px 5% 0 5%; width:111.1111%; margin-left:-5.5555%;}
#bannerShort .stripe h3 {font-size:30px; color:#ffffff; font-weight:300; margin-bottom:20px; text-align:center;}
#bannerShort.blue .stripe {background-color: rgba(0,85,158,.6);}
#bannerShort h1 {color:#ffffff; font-size:30px; font-weight:300;  margin-bottom:20px; line-height:35px;}
#bannerShort h2 {color:#ffffff; font-size:20px; font-weight:300;}
#bannerShort p {color:#ffffff; font-size:20px; font-weight:bold; margin-bottom:20px;}
#bannerShort .title {margin:50px 0;}

@media only screen and (min-width: 640px) {
#bannerShort .stripe {padding:30px 0 0 0;}
#bannerShort .stripe h3 {font-size:35px; margin-bottom:30px;}
#bannerShort h1 {font-size:40px; line-height:45px;}
#bannerShort h2 {font-size:25px;}
#bannerShort p {font-size:25px;}
  }
@media only screen and (min-width: 1024px) {
#bannerShort {height:510px;} 
#bannerShort.short {height:398px;}
#bannerShort .content {height:426px;}
#bannerShort.short .content {height:314px;}
#bannerShort .stripe {padding-top:40px;}
#bannerShort .stripe {position:absolute; bottom:0px; background-color:rgba(49,128,107,0.6); padding:30px 0 0 0; width:100%; margin-left:0%;}
#bannerShort .stripe:before {content:''; background-color:rgba(49,128,107,0.6); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#bannerShort .stripe:after {content:''; background-color:rgba(49,128,107,0.6); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#bannerShort.blue .stripe {background-color: rgba(0,85,158,.6);}
#bannerShort.blue .stripe:before {content:''; background-color:rgba(0,85,158,.6); position: absolute; top: 0; bottom: 0; width: 9600px; right: 100%; z-index: 1;}
#bannerShort.blue .stripe:after {content:''; background-color:rgba(0,85,158,.6); position: absolute; top: 0; bottom: 0; width: 9600px; left: 100%; z-index: 1;}
#bannerShort .stripe h3 {font-size:40px; margin-bottom:30px;}
#bannerShort h1 {font-size:50px; line-height:55px;}
#bannerShort h2 {font-size:30px;}
#bannerShort p {font-size:30px;}
#bannerShort .title {margin:100px 0 0 0 ;}
  }

#services .service {float:left; width:100%; margin:50px 0 0px 0;}
#services .service .image {width:100%; height:280px; background-size:cover; background-position:center center; margin-bottom:30px;}
#services .service .copy h3 {color:#000000; font-weight:bold;}
#services .service .copy p {color:#6dbca7;}

@media only screen and (min-width: 640px) {
#services .service {float:left; width:42%; margin:50px 4% 0px 4%;}
  }
@media only screen and (min-width: 1024px) {
#services .service {float:left; width:25.3333%; margin:50px 4% 0px 4%;}
  }


/* ----- CASE STUDIES ---- */
/* ----- CASE STUDIES ---- */
/* ----- CASE STUDIES ---- */
/* ----- CASE STUDIES ---- */

.caseStudyPreview {float:left; width:100%;  background-color:#007dc5; margin-bottom:40px;}
.caseStudyPreview:nth-child(3n+2) {background-color:#6dbca7;}
.caseStudyPreview:nth-child(3n+3) {background-color:#27354c;}
.caseStudyPreview .image {float:left; width:100%; background-size:cover; height:250px; background-position:center center;}
.caseStudyPreview .image a {display:block; height:250px; width:100%;}
.caseStudyPreview .copy {float:left; width:100%; padding:20px;}
.caseStudyPreview .copy h3 {color:#ffffff; font-size:30px; font-weight:bold;}
.caseStudyPreview .copy h4 {color:#ffffff;}
.caseStudyPreview .copy p {color:#ffffff;}
.caseStudyPreview .copy a {margin-top:10px; background-color:#ffffff; color:#007dc5; padding:6px 15px; font-weight:bold; -webkit-border-radius: 10px; border-radius: 10px;}
.caseStudyPreview:nth-child(3n+2) .copy a {color:#6dbca7;}
.caseStudyPreview:nth-child(3n+3) .copy a {color:#27354c;}
.caseStudyPreview .copy a:hover {background-color:rgba(255,255,255,0.5); color:#ffffff;}

.caseStudyPreviewFeed {width:100%; float:left; margin-top:30px;}
.caseStudyPreviewFeed  .caseStudyPreview {margin-bottom:0px;}
.caseStudyPreviewFeed:nth-child(3n+2) .caseStudyPreview {background-color:#6dbca7;}
.caseStudyPreviewFeed:nth-child(3n+3) .caseStudyPreview {background-color:#27354c;}
#caseStudyFeed .pager {display:none;}

.grid {float:left; width:100%;}
.caseStudy {float:left; width:100%;}
.caseStudy img {width:100%; margin-bottom:30px;}
.caseStudy h2 {font-weight:bold; margin-bottom:5px;}
.caseStudy h3 {margin-bottom:30px;}
.caseStudy p big {margin-bottom:20px; float:left;}
.caseStudy a big {font-weight:bold; color:#007dc5;}
.caseStudy a:hover big {color:#5fbda8;}

@media only screen and (min-width: 640px) {
.caseStudy {}
.caseStudyPreview {display:flex;}
.caseStudyPreview .image {width:33.3333%; height:auto; display:flex; flex-grow:1;}
.caseStudyPreview .copy {width:66.6666%; padding:40px;}
  }
@media only screen and (min-width: 1024px) {
.caseStudy {width:66.6666%;}
.caseStudy img {margin-bottom:50px;}
.caseStudy h3 {margin-bottom:50px;}
.caseStudy p big {margin-bottom:40px;}
  
#caseStudyFeed .pager {width:100%; position:absolute; transform: translateY(-50%); top:50%; display:block;}
#caseStudyFeed #cs-prev {display: block; width: 16px; height: 28px; background-image: url(/wp-content/themes/stpwindow/assets/arrow-left.png); background-repeat: no-repeat; position: absolute; left:-40px; cursor:pointer;}
#caseStudyFeed #cs-next {display: block; width: 16px; height: 28px; background-image: url(/wp-content/themes/stpwindow/assets/arrow-right.png); background-repeat: no-repeat; position: absolute; right:-40px; cursor:pointer;}
  }

#filters {float:right; margin-bottom:40px; width:100%;}
.filter {float:left; width:100%;}
.filter select {width:100%; border-bottom:1px solid #a1a1a1; color:#5fbda8; font-size:24px; font-weight:bold;}

@media only screen and (min-width: 640px) {
.filter {width:45%; margin:0 2.5%; }
  }
@media only screen and (min-width: 1024px) {
.filter {width:29.3333%; margin:0 2%; }
  }



/* ----- BLOG ---- */
/* ----- BLOG ---- */
/* ----- BLOG ---- */
/* ----- BLOG ---- */


.blogPreview {float:left; width:100%; margin:0 0 20px 0; background-color:#007dc5;}
.blogPreview:nth-child(3n+2) {background-color:#6dbca7;}
.blogPreview:nth-child(3n+3) {background-color:#27354c;}
.blogPreview .image {float:left; width:100%; background-size:cover; height:250px; background-position:center center;}
.blogPreview .image a {display:block; width:100%; height:250px;}
.blogPreview .copy {float:left; width:100%; padding:30px;}
.blogPreview .copy h3 a {color:#ffffff; font-size:30px; font-weight:bold;}
.blogPreview .copy p {color:#ffffff;}
.blogPost {float:left; width:100%;}
.blogPost img {width:100%; margin-bottom:30px;}
.blogPost h2 {font-weight:bold;}
.blogPost a big {font-weight:bold; color:#007dc5;}
.blogPost a:hover big {color:#5fbda8;}

@media only screen and (min-width: 640px) {
.blogPreview {width:46%;  margin:0 2% 40px 2%;}
  }
@media only screen and (min-width: 1024px) {
.blogPreview {width:29.3333%;  margin:0 2% 40px 2%;}
.blogPost {width:66.6666%;}
.blogPost img {margin-bottom:50px;}
  }