/*
Theme Name: Web Anchor Boilerplate
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: fluid-layout
Text Domain: webanchor
*/
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
   article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
   audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
   audio:not([controls]) { display: none; height: 0; }
   [hidden] { display: none }
/* ==========================================================================
   Base
   ========================================================================== */
   html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */; }
   html, button, input, select, textarea { font-family: sans-serif }
   body { margin: 0 }
/* ==========================================================================
   Links
   ========================================================================== */
   a:focus { outline: none }
   a:active, a:hover { outline: 0 }
/* ==========================================================================
   Typography
   ========================================================================== */
   h1 { font-size: 2em; margin: 0.67em 0; }
   h2 { font-size: 1.5em; margin: 0.83em 0; }
   h3 { font-size: 1.17em; margin: 1em 0; }
   h4 { font-size: 1em; margin: 1.33em 0; }
   h5 { font-size: 0.83em; margin: 1.67em 0; }
   h6 { font-size: 0.67em; margin: 2.33em 0; }
   abbr[title] { border-bottom: 1px dotted }
   b, strong { font-weight: bold }
   blockquote { margin: 1em 40px }
   dfn { font-style: italic }
   hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
   p, pre { margin: 1em 0 }
   code, kbd, pre, samp { font-family: monospace, serif; font-family: 'courier new', monospace; font-size: 1em; }
   pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
   q { quotes: none }
   q:before, q:after { content: ''; content: none; }
   small { font-size: 80% }
   sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
   sup { top: -0.5em }
   sub { bottom: -0.25em }
/* ==========================================================================
   Lists
   ========================================================================== */
   dl, menu, ol, ul { margin: 1em 0 }
   dd { margin: 0 0 0 40px }
   menu, ol, ul { padding: 0 0 0 40px }
   nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
   Embedded content
   ========================================================================== */
 img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
 svg:not(:root) { overflow: hidden }
/* ==========================================================================
   Figures
   ========================================================================== */
   figure { margin: 0 }
/* ==========================================================================
   Forms
   ========================================================================== */
   form { margin: 0 }
   fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
 legend { border: 0; /* 1 */ padding: 0; nowhitespace: afterproperty; white-space: normal; /* 2 */ nowhitespace: afterproperty; *margin-left: -7px; /* 3 */ }
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ nowhitespace: afterproperty; *vertical-align: middle; /* 3 */ }
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ nowhitespace: afterproperty; *overflow: visible; /* 4 */ }
button[disabled], html input[disabled] { cursor: default }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ nowhitespace: afterproperty; *height: 13px; /* 3 */ nowhitespace: afterproperty; *width: 13px; /* 3 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; nowhitespace: afterproperty; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box;; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
/* ==========================================================================
   Tables
   ========================================================================== */
   table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   html, button, input, select, textarea { color: #222 }
   body { font-size: 1em; line-height: 1.4; }
   ::-moz-selection { background: #b3d4fc; text-shadow: none; }
   ::selection { background: #b3d4fc; text-shadow: none; }
   hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
   audio, canvas, img, video { vertical-align: middle }
   fieldset { border: 0; margin: 0; padding: 0; }
   textarea { resize: vertical }
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
   .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
   .group:after { content: ""; display: table; clear: both; }
   hr:after { content: ""; display: table; clear: both; }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
   @media print { 
    * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */; box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline }
    a[href]:after { content: " (" attr(href) ")" }
    abbr[title]:after { content: " (" attr(title) ")" }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid }
  img { max-width: 100% !important }
}
/* LAYOUT */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right: 30px; margin-bottom: 10px; }
.alignright { float: right }
.wp-caption { border: 1px solid #666; text-align: center; background: #ccc; padding: 10px; margin: 10px; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/** Keep drop-downs working **/

#access li {
  float: left;
  position: relative;
}

#access ul ul {
  display: none;
  float: left;
  position: absolute;
  top: 1.8em;
  left: 0;
  z-index: 99999;
}

#access ul ul li {
   line-height: 22px; 
}

#access ul ul li a {
  border: 0; 
  padding: 0; 
}



#access ul ul ul {
  left: 100%;
  top: 0;
}

#access ul li:hover > ul {
  display: block;
}

/* TESTING */
/* * {     background-color: rgba(0,255,0,0.1); } */

/* RESPONSIVE BACKGROUND IMAGE */
.bg-responsive { overflow: hidden; position: relative; } 
.my-element:after { content: ""; display: block; height: 0; padding-top: 56.25%; /* Aspect ratio = height divided width times 100 */ }

/* ========================================================================== */
/* CUSTOM STYLES */

body { /* background: #efefef; */ background: #FFFFFF; font-family: 'Quicksand',Georgia, Times, serif; color: #333333; font-size: 14px; line-height: 1.6; }

.header {  background: #56625b; position: relative; border-top: 4px solid #99cc33; border-bottom: 1px solid #FFFFFF; }
.header h1 { margin: 0; padding: 0; float: left; padding: 20px; }
.header h1 a { width: 259px; height: 123px; display: block; background-size: 100%; background-repeat: no-repeat; background-image: url('img/logo.png'); text-indent: -99999px; }
.header form.search-form { width: 300px; position: absolute; right: 20px; top:20px; }
.header form.search-form input[type="search"] { width: 90%; padding: 5%; font-family: 'Quicksand', sans-serif; background: none;  color: #FFFFFF; text-transform: uppercase; border: 0; }
.header form.search-form :after { position: absolute; right: 20px; bottom: 10px; content: "\f002"; font-family: 'FontAwesome'; color: #FFFFFF; display: inline-block; font-size: 16px!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


header { background: url('img/banner.jpg'); background-size: 100%;  position: relative; margin-bottom: 15px; height: 170px; }
header .container { /* background-color: rgba(50,50,50,.8) */ padding: 20px 20px;}
header nav { display: block; position: absolute; top: 0; left: 0; }
header nav ul { margin: 0; padding: 0; }
header nav ul:after { content: ""; display: table; clear: both; }
header nav ul li { display: inline-block; margin-left: 6px; }
header nav ul li a { display: block; background: #56625b; text-decoration: none; color: #FFFFFF; text-transform: uppercase; font-family: 'Quicksand', sans-serif; font-weight: 400; padding: 10px 23px;  text-align: center; font-size: 12px; }
header nav ul li.current-menu-item a,header nav ul li a:hover { border-bottom: 6px solid #9dbb35;  }

header nav ul ul { width: 280px; }
header nav ul ul li a { padding:  10px 23px!important; text-align: left;  }
header nav ul ul li a:hover { color: #9dbb35; }
.btn_book { background: #9dbb35; color: #FFFFFF; padding: 10px 20px; position: absolute; bottom: 20px; right: 20px; text-decoration: none; font-size: 12px; }
.btn_book:hover { background: #56625b; }

.search-field:active,.search-field:focus { border: 1px solid #FFFFFF!important; }
.search h1 { font-weight: 400; text-transform: uppercase;}
.search .content h2.entry-title { font-weight: 400; }
#mobibox { display: none; }

.container { margin: 0 auto; position: relative; }

footer { background: #56625b; padding: 15px 20px 5px ; margin-top: 25px;  }
footer h4 { color: #FFFFFF; font-size: 22px; font-family: 'Quicksand', sans-serif; margin: 0; padding: 0; font-weight: normal; }
footer h5 { color: #FFFFFF; font-size: 18px; font-family: 'Quicksand', sans-serif; margin: 0; padding: 0; font-weight: normal; }
footer p { color: #FFFFFF; font-size: 12px; font-family: 'Quicksand', sans-serif; margin: 0; }
footer .col-1 { display: block; width: 50%; float: left; }
footer .col-3 { display: block; width: 25%; float: left; }
footer .col-3 a { position: relative; top: auto; right: auto; margin: 26px auto 0; display: block; width: 70px; text-align: center; }
footer .col-4 { display: block; width: 25%; float: left; text-align: right;}

footer ul { margin: 0 0 10px 0; padding: 0; float: left; width: 100%; list-style: none; }
footer ul li { margin: 0 15px 0 0; padding: 0; float: right; list-style: none; }
footer ul li a { color: #d4d9c2; font-size: 30px; }
footer ul li a:hover { opacity: .8; }


footer .btn_book { background: #9dbb35; color: #FFFFFF; padding: 10px 20px;  text-decoration: none; }
footer .btn_book:hover { background: #56625b; }

.footer { background: #99cc33; height: 36px; line-height: 36px; padding: 0 20px; }
.footer p { margin: 0; padding: 0; text-align: left; color: #FFFFFF; font-family: 'Quicksand', sans-serif; font-size: 11px; text-transform: uppercase; }
.footer a { color:#FFFFFF; text-decoration: none; }

.homebanner { width: 100%; height: 420px; overflow: hidden; position: relative; }
.homebanner .backbanner { height: 420px; left: -20%; overflow: hidden; position: absolute; right: 0; width: 300%; }
.homebanner img { max-height: 100%; width: 100%; float: left;  -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }
.homebanner .mainimg { height: 420px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 100%; overflow: hidden; }
.homebanner .mainimg span { font-family: 'Quicksand', sans-serif; width: 35%; font-size: 22px; text-transform: uppercase; position: absolute; top: 20px; right: 20px; color: #FFFFFF; display: block; text-align: right; }


.homecontent { padding: 10px 0 30px;  }
.homecontent p { text-align: justify; }

.slideshow { height: 280px; width: 100%; overflow: hidden; }
.slideshow img {  max-height: 100%;width: auto; }

.breadcrumbs { margin-bottom: 15px;}
.breadcrumbs h2 { font-size: 20px; font-weight: normal; display: inline-block; font-family: 'Quicksand', sans-serif; margin: 0; padding: 0; height: 60px; line-height: 60px; }
.breadcrumbs a { display: inline-block; text-align: right; float: right; color: #9dbb35; font-size: 20px; font-family: 'Quicksand', sans-serif; font-weight: bold; height: 60px; line-height: 60px; text-decoration: none; }

.content .left { width: 60%; float: left; margin-right: 2%; }
.content .right { width: 30%; float: left; padding-left: 2%; }
.content .left h3 { margin: 30px 0; padding: 0; font-family: 'Quicksand', sans-serif; font-size: 14px; color: #9dbb35; }
.content .left h3.dark { margin: 30px 0 20px; padding: 0; font-family: 'Quicksand', sans-serif; font-size: 14px; color: #333333; }

.content .right h4 { margin: 30px 0; padding: 0; font-family: 'Quicksand', sans-serif; font-size: 14px; color: #333333; }
.content .right ul { margin: 0; padding: 0; list-style: none; }
.content .right ul li { margin: 0 0 10px 0; padding: 0; list-style: none; }
.content .right ul li a { color: #333333; font-size: 14px; font-family: 'Quicksand', sans-serif; text-decoration: none; }
.content .right ul li.current a,.content .right ul li a:hover { font-weight: bold; }
.content .left p { letter-spacing: .4px; line-height: 20px; }
.content h2.entry-title { text-transform: uppercase; font-size: 20px; font-weight: normal; display: block; font-family: 'Quicksand', sans-serif; margin: 0; padding: 0; height: 60px; line-height: 60px; font-weight: bold; }

.content a { color: #333333; text-decoration: none; }
.content a:hover { text-decoration: underline; }

#testimonials {  }
#testimonials .slide { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #333333; }
#testimonials h5 { font-size: 13px; font-weight: normal; font-family: 'Quicksand', sans-serif; margin-bottom: 0; font-style: italic; }

.slidenav { width: 100%; margin: 0 auto; }
.slidenav #next,.slidenav #next1 { text-align: right; float: right; }

.gform_wrapper {  }
.gform_wrapper ul { list-style: none; margin: 0; padding: 0; }
.gform_wrapper ul li:after { content: ""; display: table; clear: both; }
.gform_wrapper ul li { list-style: none; margin: 0 0 10px 0; padding: 0; }
.gform_wrapper ul li label { float: left; width: 38%; }
.gform_wrapper ul li div { width: 60%; float: left; }
.gform_wrapper ul li input {  padding: 3px 5px; border: 1px solid #333333; font-family: 'Quicksand', sans-serif; color: #333333; }
.gform_wrapper ul li textarea { width: 60%; padding: 3px 5px; border: 1px solid #333333; font-family: 'Quicksand', sans-serif; color: #333333; }
.gform_wrapper input[type=submit] { width: 30%; padding: 10px 5px; border: 1px solid #333333; font-family: 'Quicksand', sans-serif; color: #FFFFFF; background: #9dbb35; text-transform: uppercase; }
.gform_wrapper input[type=submit]:hover { color: #9dbb35; background: #FFFFFF;  }


.littleBoxes { }
.littleBoxes ul { list-style: none; margin: 0; padding: 60px 0 0; }
.littleBoxes ul li { background: url(img/shade.png) center left no-repeat; text-align: center; list-style: none; padding: 0 4%; margin: 0; width: 25%; float: left; }
.littleBoxes ul li:first-child { background: none; }
.littleBoxes ul li img { display: block; margin: 0 auto 15px; }
.littleBoxes ul li h4 { color: #9dbb35; font-size: 14px; font-family: 'Quicksand', sans-serif; margin: 0 0 20px; padding: 0; }
.littleBoxes ul li p { color: #333333; font-style: italic; font-size: 12px; text-align: center; }

.home h3 { color: #333333; font-size: 44px; text-align: center; font-weight: normal;font-family: 'Quicksand', sans-serif;  }

.projectsbox { margin: 0 auto 50px;}
.projectItem { display: block; float: left; width: 33.3%; }
.projectItem a { position: relative; display: block; }
.projectItem a:hover {     }
.projectItem a img { width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }
.projectItem a .hover { position: absolute;bottom: 0; left: 0; opacity: 0; width: 100%; height: 30%;  background: url(img/stripe.png) left center no-repeat #9dbb35; -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; }
.projectItem a:hover .hover { opacity: 1; }
.projectItem a .hover h5 { font-family: 'Quicksand', sans-serif; font-size: 16px; font-weight: normal; margin: 0; padding: 15px 0 0 30px;  color: #FFFFFF; }
.projectItem a .hover span { display: block; font-style: italic; font-size: 14px; margin: 0; padding: 0 0 15px 30px; font-weight: normal; color: #FFFFFF; position: absolute; bottom: 0; left: 0; } 
.projectItem a:hover img {  -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='none'>  <feColorMatrix type="matrix" values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0"/></svg>#none"); }
iframe { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }
a[href$=".pdf"]:before { font-family: 'FontAwesome'; content: "\f1c1"; padding-right: 5px; }

.maincontain { width: 800px; margin: 0 auto;}

.projects {  }
.projects ul { list-style: none; margin: 0; padding: 0; }
.projects ul li { list-style: none; margin: 0 1% 10px 0; padding: 0; width: 32%; float: left; }
.projects ul li img { max-width: 100%; height: auto; margin-bottom: 10px; }
.projects ul li a { display: block; text-align: center;color: #333333; font-family: 'Quicksand', sans-serif; font-size: 18px; line-height: 1.3; text-align: center; text-decoration: none;   transition: 0.3s; }
.projects ul li a:hover { opacity: .7; }


.cycle-carousel-wrap img { height: 100%; width: auto; }

.home #testimonials img { display: none; }

#mainbanner { width: 80%; height: auto; margin:  0 auto 40px; }
.cycle-slideshow { max-width: 100%; height: 426px; }
.cycle-slideshow div { width: 100%; height: 426px; text-align: center; }
.cycle-slideshow div img { width: auto; height: 100% }

/* MEDIA QUERIES */

@media all and (max-width: 2400px) {

}

@media all and (max-width: 1280px) {

}
@media all and (max-width: 1024px) {

}

@media all and (max-width: 979px) {

}
@media all and (max-width: 979px) {
  .homebanner { height: auto; }
  .homebanner .backbanner { display: none; }
  .homebanner .mainimg { width: 100%; position: relative; left: auto; right: 0; top: auto; height: auto; }
  .homebanner .mainimg img { max-width: 100%; height: auto; }
  .projectsbox { width: 100%; }
  .projectItem { width: 33%; }
  .projectItem a img { max-width: 100%; height: auto; }
  .projectItem a .hover span { bottom: 15%; padding: 0 0 0 30px; }
  .projectItem a .hover h5 { padding: 2% 0 0 30px; }
}

@media all and (max-width: 768px) {
  nav { position: absolute; top: 0; right: 0; width: 180px; }
  nav .menu-header { display: none; position: absolute; top: 35px; right: 0; z-index: 99999; background: #CCC; }
  nav .menu-header ul { margin: 0; padding: 0; width: 100%; }
  nav .menu-header ul li { margin: 0 auto 10px ; padding: 2px 10px; width: 85%; }
  #mobibox { display: block; margin: 0; position: absolute; top: 0; right: 0; background: #363d45; }
  #mobibox #showmobi { background: #363d45; color: #FFFFFF;  float: left; cursor: pointer; width: 35px; height: 35px; line-height: 35px; text-align: center; }
  #mobibox #showmobi i { color: #FFFFFF; font-size: 25px; text-align: center; line-height: 35px; }
  header nav ul li.current-menu-item a, header nav ul li a:hover  { border-bottom: 1px solid #9dbb35; padding-bottom: 5px;  }
  #mobibox { width: 100%;  }
  header nav { width: 100%; }
  #testimonials, #testimonials .slide,.slidenav { max-width: 98%; }
  .projects ul li { list-style: none; margin: 0 1% 10px 0; padding: 0; width: 49%; float: left; }
  .homecontent { margin: 0 15px; }
}

@media all and (max-width: 568px) {
  .container { width: 90%; }
  .homebanner .mainimg span { width: 75%; }
  .projectItem { width: 50%; }
  .homebanner .mainimg span { font-size: 14px; }
  .home h3 { font-size: 22px; }
  footer .col-1,footer .col-2,footer .col-3 { width: 50%; }
  footer .col-3 { margin-top: 0; }
  .breadcrumbs h2 { font-size: 16px; }
  .breadcrumbs a { font-size: 16px; }
  .content .left { width: 100%; margin-right: 0; }
  .content .right{ width: 100%; margin-top: 20px; } 
.cycle-slideshow div img { width: 100%; height: auto; }

  .maincontain { width: 100%; margin: 0 auto;}
  footer .col-4,footer .col-3 { width: 100%; float: left; display: block; margin-top: 20px; text-align: left; }
  footer ul li { float: left; }
  .page-id-161 #content img { width: 100%; height: auto; }
    .projects ul li { list-style: none; margin: 0 0 10px 0; padding: 0; width: 100%; float: left; }
    .search-form { display: none; }
    .header .btn_book { display: none; }
  .projectItem a img { max-width: 100%; height: auto; }

  #mainbanner { width: 100%; height: auto; margin:  0 auto 40px; }
  .cycle-slideshow { max-width: 100%; height: auto; }
  .cycle-slideshow div { width: 100%; height: auto; text-align: center; }
}

@media all and (max-width: 420px) {

  .gform_wrapper { width: 100%; margin-right: 0; margin-bottom: 20px; }
  footer .col-1,footer .col-2,footer .col-3 { width: 100%; }
  .littleBoxes ul li { background: none; padding: 0; width: 100%; margin: 0 auto 20px; float: none; }
  .projectItem { width: 100%; }
}