/*
Theme Name: Capp
Theme URI: http://silvermaplweb.com/
Date: 26 April 2016
Author: Peter Wooster, Silver Maple Web (Devondev Inc.)
Author URI: http://silvermapleweb.com/
Description: Styles for Capp Shupak site
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: Capp
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Copyright (C) 2016 Devondev Inc.
 Capp is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #4d4d4d;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
        color:#4d4d4d;
        font-weight:300;
}

h1 {
    font-weight:300;
}

hr {
	background-color: #868686;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	margin-bottom: 1.5em;
        font-size:1em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul.disc, 
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: 500;
        color:#02194e;
}

dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

p.options{
    line-height: 1;
}
p.options img {
    margin:0 .5em .5em 0;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

/*
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
*/
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover,
a:focus,
a:active {
	color: #666;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/* =Content
----------------------------------------------- */
.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.entry-content {
    margin:0;
}


.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

.center {
    text-align:center;
}
.left {
    text-align: left;
}

.right {
    text-align: right;
}


/* header - structure,
   site-branding, header-info 
*/

header#masthead {
    height:auto;
    width:100%;
    background-color:white;
    text-align:center;
    padding-top:.5em;
    padding-bottom:.5em;
}

header#masthead .band {
    padding-top:.5em;
    padding-bottom:.5em;
}

header#masthead .container {
    position:relative;
    margin-top:0;
    margin-bottom:0;
}

.site-branding {
    position:static;
    width:100%;
    margin:0 auto;
    padding-bottom:0;
    max-width:200px;
}

.site-branding a {
    font-size:0;
}

.header-info {
    width:100%;
    max-width:200px;
    font-size:14px;
    font-size: 1.4rem;
    margin:0 auto;
}

.header-info a {
    color:#2d2d2d;
}

@media screen and (min-width:320px) {
    .site-branding {
        width:45%;
        padding-right:.5em;
        margin: 0 auto 0 0;
        float:left;
    }
    
    .header-info {
        width:55%;
        padding-left:.5em;
        float:right;
        text-align:right;
    }
}

.phone {
    font-weight:300;
    color:white;
    display:inline-block;
    margin-left:.75em;
    display:block;
    padding-top:0;
}

.call {
    display:none;
}

/* menu toggle #burger - mobile */
#burger {
    cusor:pointer;
    border:none;
    line-height:0;
    font-size:0;
    text-decoration:none;
    display:block;
    margin:0 auto;
    padding:12px 10px;
    background-color: white;
}

#burger img {
    line-height:0;
    font-size:0;
    margin:0;
    display:block;
}

#burger:focus {
	outline:0;
}

@media screen and (min-width:320px) {
    #burger {
        margin-right:0;
    }
}

@media screen and (min-width:480px) {
    .site-branding {
        width:50%;
        max-width:208px;
    }
    
    .header-info {
        width:50%;
        max-width:300px;
    }    

    .header-contact {
        margin-right:1em;
        float:left;
    }
    
    #burger {
        float:right;
    }
}

/* main navigation - mobile, not toggled */
.main-navigation {
    display:none;
}

/* main navigation - mobile, toggled */
.main-navigation.toggled {
    display:block;
}

.main-navigation {
    overflow:scroll;
    background-color: rgba(255, 255, 255, 1);
    position:static;
    float:none;
    clear:both;
    border-top:#666 solid 1px;
    border-bottom:#666 solid 1px;
}

/* menu toggle #burger - desktop */
@media screen and (min-width:768px) {
    .site-branding{
        width:208px;
        z-index:99999;
        position:relative;
        margin-top:4px;
    }
    
    .header-info {
        width:100%;
        max-width:none;
        padding-left:208px;
        margin-left:-208px;
        margin-right:-19px;
    }
    
    .header-contact {
        float:right;
        margin-right:0;
    }
    
    .header-contact .phone,
    .header-contact .email {
        display:inline-block;
    }

    .header-contact .email {
        margin-left:1em;
        margin-right: 19px;
    }
    
    #burger {
        display:none;
    }
    
    .main-navigation {
        float:right;
        display:block;
        overflow:visible;
        border:none;
        clear:none;
    }
}

@media screen and (min-width:320px) {
    .call {
        display:inline;
    }
}

.logo-image {
    margin:5px 0;
}

.logo-wide {
    display:inline;
}

.logo-narrow {
    display:none;
}


@media screen and (min-width:320px) {
    .logo-wide {
        display:none;
    }

    .logo-narrow {
        display:inline;
    }
}

@media screen and (min-width: 420px) {
    .logo-image{
        vertical-align:top;
        padding:0;
        margin:0;
    }
}


@media screen and (min-width: 480px) {
    .logo-wide {
        display:inline;
    }
    
    .logo-narrow {
        display:none;
    }
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* ============================================================================
 * responsive main navigation 
 * =============================================================================*/



/* main menu - mobile */


.main-navigation ul {
	list-style: none;
	margin: 0;
        padding:.5em 0;
        max-width:300px;
}


.main-navigation li {
	position: relative;
        float:none;
        text-align:left;
        margin-left:0;
}
    
.main-navigation a {
    display:inline;
    padding:0 .5em;
    text-decoration: none;
    color:#2d2d2d;
}

.main-navigation .current_page_parent, 
.main-navigation .current-menu-parent {
    background-color:#f0f0f0;
}

.main-navigation .current_page_item,
.main-navigation .current-menu-item {
    background-color:#7f7f7f;
}

.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
    color:white;
}

.main-navigation ul ul {
	box-shadow: none;
        position:static;
	z-index: 99999;
}

.main-navigation a:hover{
    background-color:#d0d0d0;
    text-decoration: none;
}

.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}


.main-navigation li li {
    margin-left:2em;
}
    
.main-navigation li li a {
    padding:0 .5em;
}

/* main navigation - desktop */
@media screen and (min-width:768px) {
    
    .main-navigation ul {
        padding:0;
        max-width:none;
    }

    .main-navigation li {
        width:auto;
        padding:.5em;
        margin-top:0;
        margin-bottom:0;
        float:left;
    }
    
    .main-navigation a {
        width:auto;
    }    
    
    .main-navigation li:hover {
        background-color:#d0d0d0;
        color:white;
        position:relative;
    }
    
    .main-navigation ul li ul {
        display:none;
    }
    
    .main-navigation ul li:hover > ul {
	display: block;
        position:absolute;
        z-index: 99999;
        width:200px;
    }

    
    .main-navigation li:hover > a {
        background-color:#d0d0d0;
        color:white;
        text-decoration: none;
    }
    
    .main-navigation li:hover ul {
        background-color:#d0d0d0;
        color:white;
    }
    
    .main-navigation li:hover ul li {
        flaot:none;
    }
    
    .main-navigation li:hover ul a {
        color:white;
    }
    
    .main-navigation li ul li:hover a,
    .main-navigation li ul li:hover {
        background-color:#c0c0c0;
    }
    
    
    .main-navigation li {
        padding:6px 12px 6px 12px;
    }
    
    .main-navigation li li {
    	text-align:left;
    	margin:0;
        padding:12px;
    }
    
    .main-navigation ul ul {
        top:34px;
    }
}

/* end navigation */

/* ===========================================================================
    Blueprint IM Specific Rules 
    Author: Peter Wooster, Silver Maple Web 
    Copyright (C) 2015, Devondev Inc.
   =========================================================================== */

/* fonts */
body {
    font-family: 'Roboto', helvetica, arial, san-serif;
    width:100%;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 300;
    max-width:100%;
    margin:0;
    background-color:white;
    color:#666;
}

.band {
    margin:0;
}

.band-content,
.band {
    overflow:hidden;
}

#masthead .band {
    overflow:visible;
}

.wrapper {
    width:100%;
    margin:0;
}

.inner-wrapper {
    margin-left:10px;
    margin-right:10px;
}

.main-wrapper>.inner-wrapper {
    margin-left:0px;
    margin-right:0px;
}

.container {
    padding:0;
    margin:1em .5em;
}

#testimonials {
    background-color: #37A2D4
}

.reversed,
.reversed h1,
.reversed h2,
.reversed h3,
.reversed a,
.reversed a:visited {
    color:white;
}

.white-bg {
    background-color:white;
}

.grey-bg {
    background-color:#666;
    color:white;
}

.grey-bg h1, 
.grey-bg h2 {
    color:white;
}

.light-grey-bg {
    background-color:#f0f0f0;
}


.yellow-bg {
    background-color:#c8cf00;
}

.gold-bg {
    background-color:#d9b61c;
}

.blue-bg {
    background-color:#54a4db;
    color:white;
}

.red-bg {
    background-color:#FE016E;
    color:white;
}

.pink-bg {
    background-color:#bd7fb4;
}

.dark-bg {
    background-color: #333;
}

#hero {
    background-color:#f0f0f0;
    color:white;
}

#hero .band-content {
    position:relative;
}

#hero h1.heading {
    text-align:center;
}

#hero h1.entry-title {
    color:white;
}

#hero {
    min-height:200px;
}

#hero.short {
    min-height:150px;
}

#home-hero ul{
    margin-left:0;
    width:100%;
}

#home-hero img {
    width:100%;
}

#home-hero .flexslider {
    margin:0;
    border:0;
}

#home-hero .flexslider .flex-direction-nav a:visited,
#home-hero .flexslider .flex-direction-nav a{
    color:white;
    line-height:1.4;
}

#hero .band-content {
    position:relative;
}

#hero h1.heading {
    text-align:center;
}

#hero h1.entry-title {
    color:white;
}

#hero {
    min-height:200px;
}

#hero.short {
    min-height:150px;
}

.band-content {
    padding:1em 0;
}

.hero .container,
.offer .container {
    margin: 0 auto 1em;
    padding: 0 1em;
}

ul.sub-menu {
    background-color: #fcfcfc;
}

.band.translucent .content {
    background-color: rgba(0,0,0,.75);
    max-width:42em;
    padding:0 1em;
    margin:4em auto 2em auto;
}

@media screen and (min-width:640px) {
    .band.translucent .content {
        margin:8em auto 4em auto;
    }
}


#checklist-thank-you-hero .band.translucent .content {
    max-width:60em;
}

#testimonials .band {
    text-align: left;
}

.band .content.narrow {
    max-width: 42em;
    margin-left:auto;
    margin-right:auto;
}

#consultation .content.narrow {
    padding:0 2em;
}

@media screen and (min-width: 768px) {
    #consultation .content.narrow {
        max-width:42em;
        padding:0 4em;
    }
}

.band .content.right-small {
    max-width: 35em;
    margin-left:auto;
}

.band.map,
.map{
  width:100%;
  height:0;
  padding:0 0 50% 0;
  position:relative;
}

.map .stop-events,
.map iframe {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

h1.padded {
    margin:200px 0;
}

#secondary h1{
    font-size:24px;
    font-size:2.4rem;
    margin-top:0;
}



img.block {
    display:block;
}

.port-hole img {
    border-radius:50%;
}


#primary {
    width:100%;
}

#secondary {
    width:100%;
}

/* headings */
h1, h2, h3, h4 {
    font-weight:300;
    text-align: left;
    line-height: 1.2;
}



h1 {
    font-weight:300;
    font-size:40px;
    font-size:4.0rem;
    margin: 20px 0 10px 0;
    margin: 2.0rem 0 1.0rem 0;
    text-align:center;
}

h2 {
    font-size:30px;
    font-size:3.0rem;
    color: #54a4db;
    margin: 18px 0 9px 0;
    margin: 1.8rem 0 .9rem 0;
}

h2.smaller {
    font-size:29px;
    font-size:2.9rem;
}

h3 {
    font-size:20px;
    font-size:2.0rem;
    color: #54a4db;
    margin: 12px 0 6px 0;
    margin: 1.2rem 0 .6rem 0;
}

h4 {
    font-size:16px;
    font-size:1.6rem;
    color: #54a4db;
    margin: 8px 0 4px 0;
    margin: .8rem 0 .4rem 0;
}


a:visited,
a {
    color:#666;
    text-decoration: none;
}

a:hover {
    text-decoration:underline;
}

.band.tight h1,
.tight-top {
    margin-top:0;
    padding-top:0;
}

.band.tight .container {
    margin-top:0;
    margin-bottom:0;
}

.band.tight .content {
    padding-top:0;
    padding-bottom:0;    
}

.tight {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
}

ul {
    margin-left: 1.2em;
}

ul.disc {
    list-style:disc;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-shadow: none;
}

h1.entry-title,
h1.entry-title a:visited,
h1.entry-title a {
    text-decoration: none;
    color:#429dc0;
}


.pin {
	display:block;
	margin-top:1em;
}



/* inline-block columns 
   these should be used instead of the old floated columns below 
   - currently only 2 and 3 up and 40-60 is supported, the others are easy to add.
*/
.columns {
	text-align:center;
	margin-left: -32px;
        margin-top:32px;
}

.columns.small-gutter {
    margin-left: -16px;
    margin-top:16px;
}

.columns.tight {
    margin-left: 0;
    margin-top:0;
}

.columns.tight .column{
    margin-bottom:0;
}

.columns .column {
	display:inline-block;
	vertical-align:top;
	padding-left:32px;
        margin-bottom:32px;
	margin-right: -.4em;
	text-align:left;
}

.columns.small-gutter .column {
	padding-left:16px;
        margin-bottom:16px;
}

.column.tight .column {
    padding-left:0;
    margin-bottom:0;
}

.full-width,
.one-half,
.one-third,
.two-thirds,
.one-fifth,
.two-fifths,
.three-fifths,
.five-eighths,
.four-fifths,
.one-quarter,
.three-quarters{
	width:100%;
}

.column>h1,
.column>h2{
    margin-top:0;
}

#checklist-hero h1 {
    text-align:left;
}

.checklist-icon {
    display: none;
}

.checklist-text {
    text-align:left;
}

#consultation .frm_error_style p {
    text-align: center;
}

@media screen and (min-width:480px) {
    .checklist-icon {
        display: inline;
        padding-right:32px;
        vertical-align:top;
    }
    
    .checklist-text {
        display:inline-block;
        width:100%;
        padding-left: 160px;
        margin-left: -160px;
        vertical-align:top;
    }
    
    .checklist-text h2 {
        margin-top:0;
    }
}



@media screen and (min-width:480px) {
	.one-half,
	.one-third,
        .one-quarter,
        .three-quarters,
        .five-eighths,
	.one-fifth,
        .two-fifths,
	.three-fifths,
        .four-fifths{
            width:50%;
	}
}


@media screen and (min-width:768px) {
	.one-third {
            width:33.333333%;
	}
        .two-thirds {
            width:66.6666666%;
        }
        .one-quarter {
            width:25%;
        }
        .three-quarters {
            width:75%;
        }
        .five-eighths {
            width:62.5%;
        }
        
        .one-fifth {
            width:20%;
	}
	.two-fifths {
            width:40%;
	}
	.three-fifths {
            width:60%;
	}
	.four-fifths {
            width:80%;
	}
}


input[type="tel"],
input[type="email"],
input[type="text"] {
    font-size:16px;
    line-height:22px;
    padding:6px 8px 7px 8px;
    border-radius:0;
}

a.submit-link,
a:visited.submit-link,
button[type="submit"],
input[type="submit"] {
    text-align: center;
    text-decoration: none;
    display:inline-block;
    background-color:transparent;
    color:54a4db;
    font-weight:300;
    text-decoration: none;
    box-shadow: none;
    font-size:25px;
    font-size:2.5rem;
    line-height:1.2;
    border:1px #54a4db solid;
    padding:10px 32px 11px 32px;
}

a.submit-link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background-color:#ccc;
    color:white;
}

.reversed a.submit-link, 
.reversed button[type="submit"],
.reversed input[type="submit"] {
    border-color: white;
    color:white;
}

.reversed a:hover.submit-link, 
.reversed button:hover[type="submit"],
.reversed input:hover[type="submit"] {
    background-color:#808080;
    box-shadow:none;
}

.submit-box.left {
    margin: .25em 1em .25em 0;
}

.submit-box {
    margin:.25em .5em;
}

/* content */


article.page {
    margin: 0;
}

section {
    overflow:hidden;
    /* border:1px solid grey; /** pkw testing */ 
}

.margins {
    margin:0 10px 2em 10px;
}

.pad-bottom {
    padding-bottom: 1.5em;
}

.large-headroom {
    margin-top:60px;
    margin-top:6rem;
}

.headroom {
    margin-top:24px;
    margin-top:2.4rem;
}

.small-headroom {
    margin-top:18px;
    margin-top:1.8rem;
}

.mobile {
    display:block;
}

.desktop {
    display:none;
}

#content.site-content {
    clear:both;
}

.archive ul,
.blog ul {
    margin:0;
    list-style:none;
}

.archive li.hentry,
.blog li.hentry {
    clear:both;
    overflow:hidden;
    margin:.75em 0;
    padding-bottom: 1em;
    border-bottom:solid 4px #ededed;
}

.archive li.hentry:first-child,
.blog li.hentry:first-child {
    padding-top:0;
    margin-top:0;
}

.archive li.hentry:last-child,
.blog li.hentry:last-child {
    border-bottom:none;
}

aside.blog-description {
    background-color: #2D77DA;
    color:white;
    overflow:hidden;
    padding:0 .25em 1em .25em;
    margin-bottom: .25em;
}

.has-sidebar #secondary aside.cta {
    margin-bottom: .25em;
}

.has-sidebar #secondary aside.widget_search {
    margin-top:1.5em;
}

.has-sidebar #secondary aside.blog-description h1{
    color:white;
    margin-top:1em;
}

.stop #secondary aside.blog-description {
    display:none;
}

h1.widget-title {
    font-size:39px;
    font-size:3.9rem;
    text-align:left;
    margin:0 0 5px 0;
}
.has-sidebar #secondary .widget_categories h1.widget-title {
    margin-left:0;
    font-size:18px;
    font-size:1.8rem;
}
.has-sidebar #secondary .widget_categories {
    font-size:15px;
    font-size:1.5rem;
}

.has-sidebar #secondary .cta h1.widget-title {
    margin:0;
    text-align:center;
}

.has-sidebar .search-field {
    box-sizing: border-box;
    width:100%;
}

.has-sidebar #secondary .textwidget {
    background-color:#e0e0e0;
    padding:8px;
    margin:1.5em 0 0 0;
}

.single div.featured {
    width:100%;
}

div.featured {
    display:none;
}

.blog .byline,
.blog .byline {
    display:inline;
}


.avatar {
    margin:0 auto 1em auto;
}

.bio {
    overflow:hidden;
    margin:0 .5em;
}

.bio .avatar {
    float:right;
}

.bio h1 {
    display:inline;
    margin-top:0;
}


h1.page-title,
h1.entry-title {
    margin-top:1em;
}
    
#service .icon{
    width:100%;
    margin:1em 0 .25em 0;
}

#service h2,
#service li .content{
    text-align:center;
}

#service h2 {
    margin:0;
    font-size:1.2em;
}

#service .description {
    width:100%;
    max-width:400px;
    margin:0 auto;
}

#service a:visited,
#service a {
    color:#1a9cd8;
    text-decoration: none;
}

#service a:hover {
    color:#1a9cd8;
    text-decoration: underline;
}


.ebook-left img {
    float:left;
    width:40%;
    max-width:119px;
    margin-right:0;
}

.ebook-left .description {
    margin:0;
    width:58%;
    max-width:11em;
    float:right;
}

.ebook-left .description p {
    margin-bottom:1em;
}

.ebook-left {
    overflow:hidden;
    padding-bottom:3em;
}

.ebook-submit{
    max-width:200px;
}

blockquote {
 quotes: "\201C" "\201D";
 position:relative;
}

blockquote:before { content: open-quote; font-weight: normal; font-size:3em; position:absolute;top:-.3em;}
blockquote:after { content: close-quote; font-weight: normal;  font-size:3em; position:absolute; bottom:-.65em;}
blockquote .indent {
    display:inline-block;
    width:1.5em;
}

#testimonials h1,
#testimonials p {
    text-align:left;
    color:#ffffff;
}

#testimonials,
#testimonials h1{
    color:#ffffff;
}

.client-quote blockquote {
    font-style: italic;
    color:#ffffff;
    font-size:19px;
    font-weight:300;
    margin:0;
    /*text-align:center;*/
}

.client-quote blockquote:before {
    content:”X”;
}

.client-quote blockquote:after {
    content:”\201D”;

}

.client-quote p.client-name {
    margin-bottom:0;
}

.client-quote.flexslider {
    background-color:transparent;
    border:none;
    box-shadow: none;
    margin-bottom:36px;
}

/* footer */

#colophon {
    padding-bottom:10px;
    padding-bottom:1.0rem;
}

.send {
    position:relative;
}

.send .captchac, .send .captchar, .send .submit {
    width:32%;
    margin-right:2%;
    display:inline-block;
    vertical-align: top;
}

.send .captchac {
    background-color:white;
    border-radius:3px;
    height:35px;
}
.send .captchac img {
    padding-top:4px;
    padding-bottom:4px;
}
.send input {
    margin:0;
}

.send .submit {
    position:relative;
    margin-right:0;
}
.send .submit .ajax-loader {
    position:absolute;
}


.send .wpcf7-not-valid-tip {
/*    position:absolute;
    top:20px; */
}

textarea#comment,
.slug-contact #primary .wpcf7 textarea,
.slug-contact #primary .wpcf7 input,
.slug-contact #primary .af-form-wrapper textarea {
    border:1px solid #ccc;
}
textarea#comment{
    width:100%;
}

.af-form-wrapper, 
div.wpcf7 {
    width:100%;
    max-width:397px;
    margin:0 auto;
}

.af-form-wrapper.full-width {
    max-width:100%;
} 

label.line{
    margin-right:1em;
}

form.full-width .text {
    width:50%;
    max-width: 400px;
}

.choices {
    display:inline-block;
}

.choices label {
    margin-right:1em;
}

.full-width select,
.full-width input {
    margin-left:.125em;
}

.bottom-offer .af-form-wrapper {
	max-width:none;
	margin-left:-.5em;
}

.bottom-offer .af-form-wrapper input {
	margin-left:.5em;
	margin-bottom:.5em;
	width:200px;
}

.bottom-offer.plain input {
    width:100%;
    margin-bottom:8px;
}

.single main,
.blog main {
    margin-left:.5em;
    margin-right:.5em;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.single .post {
    padding-top:0;
}
.blog .post {
    padding-top:0;
    padding-bottom:1em;
}

.single h1.entry-title,
.blog h1.entry-title {
    text-align:left;
}

@media screen and (min-width: 560px) {

    .blog h1.entry-title {
        margin-top:.5em;
    }

    .single h1.entry-title {
        margin-top:0;
    }
    
    .single div.featured {
        width:100%;
        display:block;
        margin:0;
        padding-top:.4em;
    }

    
    .single h1,
    .single h2,
    .single h3,
    .single h4 {
        clear:none;
    }
    
    div.thumbnail {
        margin:1em 1.5em 0 0;
        float:left;
        max-width:84px;
        display:block;
    }

}
@media screen and (min-width: 768px) {
    .blog .post {
        padding-top:0;
        padding-bottom:1em;
    }

    .single .post {
        padding-top:0;
        padding-bottom:1em;
    }
    
        .single main,
    .blog main {
        margin-left:0;
        margin-right:0;
    }

    section.featured {
        width:100%;
    }
    section.featured img {
        max-width:100%;
        height:auto;
    }
    
    section.summary {
        width:100%;
    }

    
    
}


@media screen and (min-width: 768px) {
    .bottom-offer.plain input {
        max-width: 13em;
        margin-right:8px;
        vertical-align:top;
    }
}

input,
textarea {
    border:none;
    max-width:100%;
    box-sizing:border-box;
    border-radius:3px;
}

.has-sidebar .main-wrapper {
    background-color: #f5f5f5;
    padding-top:.5em;
    margin-top:0;
}

#colophon .site-info {
    width:100%;
}

#colophon .copyright {
    clear:both;
    font-size:.75em;
    color:#918d8a;
    text-align:left;
    padding-top:10px;
}

#colophon .site-info {
    width:100%;
}

#colophon .copyright {
    clear:both;
    font-size:.75em;
    color:#918d8a;
    text-align:center;
}

#colophon .contact {
    background-color:#333;
    color:white;
}

#colophon .contact h2,
#colophon .contact a{
    color:white;
}

.social-media {
    margin:0;
    text-align:left;
}
.social-media li {
    display:inline-block;
    margin-right:1em;
    margin-top:1em;
}

.social p {
    margin-bottom:.7em;
}

div.entry-meta,
footer.entry-meta {
    font-size:12px;
    font-size:1.2rem;
}

.comments-link img {
    margin-right:.25em;
}

.us_posts_top {
    margin-bottom:1em;
}

.site-info .wrapper {
    margin-top:0;
    margin-bottom:0;
}

.legal .wrapper {
    margin-top:0;
}

.translucent ul {
    list-style-image: url('images/tick.png');
    font-size: 1em;
    margin-left:1.5em;
}
ul.tick {
    list-style-image: url('images/tick.png');
    font-size: 1em;
    margin-left:1.5em;
}

.bullet {
    list-style-type: square;
    font-size: 1.1875em;
    margin-left:1.5em;
}

#hero {
    margin-top:0;
}

h2#your-type {
    display:inline-block;
    background-color: rgba(234, 199, 0, .5);
    padding:.5em;
}

.your-type {
    background-color: rgba(234, 199, 0, .5);
    padding:.5em;
}

.your-type h2 {
    font-weight: bold;
    color:#3899fc;
}    

.opt-in .translucent .content {
    padding:1em;
}

.opt-in .columns,
.opt-in h1 {
    margin-top:0;
}

.opt-in .frm_submit input,
.opt-in p:last-child {
    margin-bottom:0;
}

.opt-in form {
    margin-top: 1em;
}

@media screen and (min-width:768px) {
    .opt-in .translucent .content {
        padding:2em;
    }
}

@media screen and (min-width:460px) {
    div.thumbnail {
        margin:1em 1.5em 0 0;
        float:left;
        max-width:84px;
        display:block;
    }
    
    .single div.featured {
        width:100%;
        display:block;
        margin:0;
        padding-top:.4em;
    }

}

@media screen and (min-width:768px) {
    .single main,
    .blog main {
        margin-left:0;
        margin-right:0;
    }

    .has-sidebar #content {
        width:100%;
        background-color:#f5f5f5;
        margin:0;
    }

    .has-sidebar #primary {
        float:left;
        width:66%;
        margin:0;
        margin-top:1.5em;
    }
    
    .has-sidebar #secondary {
        margin:0;
        float:right;
        width:29%;
        margin-top:1.5em;
    }

    #colophon .inner-wrapper,
    #content .inner-wrapper {
        overflow:hidden;
    }
    
    
    
    .avatar {
        float:right;
        margin:.5em 0 .5em 1em;
    }
    
    .bio {
        margin:0;
    }
    
    .bio p {
        margin-bottom:1em;
    }
    
    section.featured {
        margin-top:.5em;
        margin-right:4%;
        width:16%;
        float:left;
    }
    section.featured img {
        max-width:100%;
        height:auto;
    }
    
    .wrapper,
    .container {
        max-width:860px;
        padding:0 1em;
        margin:1em auto;
    }

    .has-sidebar .main-wrapper {
        margin-top:0;
        padding-top:0;
    }
    


/* content */
    div.entry-content {
        margin-top:0;
    }
    .margins {
        margin:0 3% 2em 3%;
    }
    
    #hero {
        overflow:hidden;
    }


    .hero form,
    .offer form {
        margin-bottom:0;
    }


    #content #secondary .widget input{
        width:100%;
        margin:2px 0;
    }
    
    #hero h1.heading {
        text-align:left;
        left:0;
        top:46%;
        position:absolute;
        color:white;
        text-shadow: 1px 1px 0 #02194e;
    }

    #hero.tall {
        min-height:600px;
    }

    #hero.short {
        min-height:375px;
    }
    
    #hero.short .content{
        min-height:375px;
    }

    #hero.short h1.heading {
        top:100px;
    }
    
    .has-sidebar .client-quote {
        width:100%;
        margin-right:0;
        float:none;
    }
    

    
    .af-form-wrapper {
        width:100%;
        /* max-width: 100%; */
    }
}


@media screen and (min-width:768px) {
    .band {
        padding-top:2em;
        padding-bottom:2em;	
    }

    .band .container {
        max-width:960px;
        padding:0 1em;
        margin:0 auto;
    }
    
    .band .left-side {
	    width:50%;
	    float:left;
    }
    
    .band .right-side {
	    width:50%;
	    float:right;
    }
    
    .blog .post {
        padding-top:0;
        padding-bottom:1em;
    }

    .single .post {
        padding-top:0;
        padding-bottom:1em;
    }

    .padded {
            padding-top:10em;
            padding-bottom:10em;
    }

    .small-padded {
            padding-top:4em;
            padding-bottom:4em;
    }

    .tiny-padded {
            padding-top:1em;
            padding-bottom:1em;
    }

    .tiny-padded-bottom {
            padding-bottom:1em;
    }

    .tiny-padded-top {
            padding-top:1em;
    }

    .tight-bottom{
        padding-bottom:0;
    }

    .tight-top{
        padding-top:0;
    }

    .social {
        float:right;
        width: 40%;
    }
    .connect {
        float:left;
        padding-right: 5em;
        width:60%
    }
    
    #testimonials {
        padding-top:4em;
    }
    
    .gets-results .column {
	    vertical-align: middle;
    }
    
    .left-results {
	    border-right: solid 1px #ccc;
	    padding-right:32px;
    }
}

@media screen and (min-width: 1024px) {
        .form-left {
            float:left;
            width:50%;
            padding-right:.5em;
        }
        .form-right {
            float:right;
            width:50%;
            padding-left:.5em;
        }
}

/* responsive media queries */

@media screen and (min-width:560px) {
    div.thumbnail {
        margin:1em 1.5em 0 0;
        float:left;
        max-width:84px;
        display:block;
    }
    
    .single .entry-header h1 {
        margin-top:0;
    }
    
    
    .single h1,
    .single h2,
    .single h3,
    .single h4 {
        clear:none;
    }
    
        
}





@media screen and (min-width:768px) {
    .single main,
    .blog main {
        margin-left:0;
        margin-right:0;
    }

    .has-sidebar #content {
        width:100%;
        background-color:#f5f5f5;
        margin:0;
    }

    .has-sidebar #primary {
        float:left;
        width:66%;
        margin:0;
        margin-top:1.5em;
    }
    
    .has-sidebar #secondary {
        margin:0;
        float:right;
        width:29%;
        margin-top:1.5em;
    }

    #colophon .inner-wrapper,
    #content .inner-wrapper {
        overflow:hidden;
    }
    
    
    
    .avatar {
        float:right;
        margin:.5em 0 .5em 1em;
    }
    
    .bio {
        margin:0;
    }
    
    .bio p {
        margin-bottom:1em;
    }
    
    section.featured {
        width:100%;
    }
    section.featured img {
        max-width:100%;
        height:auto;
    }
    
    section.summary {
        width:100%;
    }
    
    .wrapper {
        max-width:1024px;
        margin:0 auto;
    }
    .has-sidebar .main-wrapper {
        margin-top:0;
        padding-top:0;
    }
    
    .main-wrapper>.inner-wrapper,
    .inner-wrapper {
        margin-left:8.25%;
        margin-right:8.25%;
    }
    


/* content */
    div.entry-content {
        margin-top:0;
    }
    .margins {
        margin:0 3% 2em 3%;
    }


    #content #secondary .widget input{
        width:100%;
        margin:2px 0;
    }
    
    #hero h1.heading {
        text-align:left;
        left:0;
        top:46%;
        position:absolute;
        color:white;
        text-shadow: 1px 1px 0 #02194e;
    }

    #hero {
        min-height:500px;
        color:white;
    }
    
    #hero h1 {
        font-size:35px;
        color:white;
    }

    #hero h2 {
        font-size:30px;
        color:white;
    }
    
    #hero .content{
        min-height:500px;
    }

    #hero.short {
        min-height:250px;
    }
    
    #hero.short .content{
        min-height:250px;
    }
    
    .has-sidebar .client-quote {
        width:100%;
        margin-right:0;
        float:none;
    }
    
    .contact-form {
        margin-top:4em;
        margin-bottom:2em;
        max-width:400px;
    }
    
    
/* footer */
    .af-form-wrapper {
        width:100%;
        /* max-width: 100%; */
    }
    
    .ppc-page .analysis .left-column {
        max-width:400px;
    }
}

@media screen and (min-width:920px) {
    
    #colophon .contact-opt-in,
    #colophon .wpcf7 {
        width:65%;
    }
}

@media screen and (min-width:970px) {
    
    .slug-contact #connect .wpcf7 {
        width:73.2%;
        max-width:628px;
    }
    
    .slug-contact #connect li {
        margin:0;
    }
    
    #colophon .copyright {
        text-align:left;
    }
}



/* Formidable form styles  */
.frm_hidden,
.frm_ajax_loading,
.frm_none_container .frm_primary_label {
    display:none;
}

.frm_forms textarea {
    height:5.75em;
    border:solid 1px #ccc;
}


.frm_forms {
    border:none;
}
.frm_forms input,
.frm_forms textarea {
    background-color:transparent;
    color: #666;
    width:100%;
    margin-bottom: .75em;
    box-sizing:border-box;
    border-radius:0;
    padding:4px 6px;
}

.frm_forms textarea {
    margin-bottom:.75em;
    height:75px;
}

@media screen and (min-width: 480px) {
    .frm_forms input,
    .frm_forms textarea {
        padding:15px;
    }
    
    .frm_forms textarea {
        height:135px;
    }
}

.frm_forms textarea::-webkit-input-placeholder,
.frm_forms input::-webkit-input-placeholder {
   color: #666;
   font-weight:300;
}

.frm_forms textarea::-moz-placeholder,
.frm_forms input::-moz-placeholder {
   opacity:1;
   color: #666;
   font-weight:300;
}

.reversed .frm_forms textarea,
.reversed .frm_forms input {
    border:1px solid #ccc;
    color:white;
}

.reversed .frm_forms textarea::-webkit-input-placeholder,
.reversed .frm_forms input::-webkit-input-placeholder {
   color: white;
}

.reversed .frm_forms textarea::-moz-placeholder,
.reversed .frm_forms input::-moz-placeholder {
   color: white;
}

.frm_error {
    color: red;
    margin-top: -.5em;
    margin-bottom: 1em;
}

.reversed .frm_error {
    color: #ff8080;
}



#form_consultation textarea {
    height:186px;
}

#contact-form input,
#contact-form textarea {
	border-color: #808080;	
}

@media screen and (min-width:768px) {
	#modal-contact .inputs,
        #contact-form .inputs {
		margin-left: -1em;
		margin-right: -.4em;
	}

	#modal-contact .inputs .form-field,
	#contact-form .inputs .form-field {
		width:33.333%;
		padding-left:1em;
		display:inline-block;
                margin-right:-.4em;
                padding-right:2px;
	}
}	


.frm_submit {
    position:relative;
}

.frm_ajax_loading {
    position:absolute;
    top:16px;
    right:8px;
}

#form_invite input {
    width:100%;
}

#form_invite input[type="submit"] {
    background-color: #ff0000;
    color:white;
}

.frm_forms .form-field.geo-location {
    display:none;
}

@media screen and (min-width:768px) {
	
    .frm_forms .two-columns {
	overflow:hidden;
    }
    
    .frm_forms .header {
        float:left;
        width:48%;
        margin:0 4% 0 0;
    }
    
    .frm_forms .message {
        float:left;
        width:48%;
        margin:0;
    }

    
    
    .frm_forms .send input {
        margin:0;
    }
    
    .frm_forms textarea {
        margin-bottom: 12px;
    }

    .frm_forms {
        max-width:none;
        margin-bottom:.25em;
        overflow:hidden;
    }
    
}
/* End Formidable form styles*/

/*
Additional CSS copied from customizer
*/

ul.service-list li a{
	color: #54a4db;
}

@media screen and (min-width: 481px)
{
    .page-id-14 #band-1 {
            background-position: 80% 0%; 
    }
}
.current-menu-item ul.sub-menu {
    background-color: #ccc;
}

@media screen and (min-width: 767px)
{
    li.menu-item ul.sub-menu {
        background-color: #333333;
    }
}

@media screen and (min-width: 768px)
{
    .main-navigation ul ul {
        top: 30px; 
    }
    .main-navigation ul ul li{
        width: 100%; 
    }
    .main-navigation ul ul li a {
            display: inline-block;
        width: 100%;
    }
    .band {
        padding-top: 5em;
    }
}

@media screen and (max-width: 768px)
{
    .band {
        padding-top: 2em;
    }
}

@media screen and (max-width: 600px)
{
    .band {
        padding-top: 0.5em;
    }
}

.band.translucent .content {
    margin: 0 auto;
}

blockquote:before {
    top: 0.1em;
    left: -0.31em;
}

blockquote p:after {
    content: close-quote;
    font-weight: normal;
    font-size: 3em;
    position: absolute;
    bottom: -.65em;
}

blockquote:after {
    content: "";
}

/*
 * Modal contact form
 */
.jquery-modal.blocker.current {
    background-color:transparent;
}

#modal-contact {
    box-shadow:none;
    border-radius:0;
    padding:0;
    max-width:900px;
    border: 2px #333 solid;
}

#modal-contact h2 {
    padding:0 16px;
    font-size:2.0rem;
}

@media screen and (min-width: 866px) {
    #modal-contact h2 {
        font-size:2.5rem;
    }
}

@media screen and (min-width: 1030px) {
    #modal-contact h2 {
        font-size:3.0rem;
    }
}

#modal-contact .frm_forms {
    margin: 1em;
}

#modal-contact input[type="submit"] {
    margin-bottom:0;
}