/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize TO BE ADDED
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Google Maps    
# @media Queries 
    ##Logo resize
    ##main navigation (and menu toggle)
    ##floated divs (col 50% wide etc..)
    ##Carousels
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
   font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   font-size: 16px;
   color: #333333
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1.title-aria,
h2.title-aria {
    visibility: hidden;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0 
}

h2 {
    font-size: 2.2rem;
    letter-spacing: -1px;
    font-weight: 300
}

h3 {
    font-size: 1.2rem;
    font-weight: normal
}

p {
   line-height: 26px;
   color: #969696 
}

p.dark {
   color: #4a4a4a 
}

p.headline-tall {
    /*font-family: 'monserrat-extraBold', arial; */
    font-weight: 800;   
    font-size: 80px; 
    line-height: 100px;
    margin: 0; 
    padding: 0;
    letter-spacing: 1px;
    margin-left: -9px;
    color: #fafa00;
}

#headline p.headline-tall {
    font-size: 99px; 
    text-shadow: 2px 2px #31312f;
}

p.headline-med {
    /*font-family: 'monserrat-extraBold', arial;*/
    font-weight: 800; 
    margin: 0; 
    line-height: 47px;
    padding: 0; 
    font-size: 38px; 
    letter-spacing: 14px; 
    color: #ccc
}

#headline p.headline-med {
    color:#fff
}

.headline-page h2, 
.headline-page p.headline-med {
    color: #7c7c75;
    text-shadow: 1px 1px #ccc;
}

p.headline-med-tall {
    /*font-family: 'monserrat-extraBold', arial; */
    font-weight: 800;
    margin: 0; 
    margin-left: -2px;
    padding: 0; 
    font-size: 55px; 
    line-height: 64px;
    letter-spacing: -1px; 
    color: #fff
}

p.headline-small {
    /*font-family: 'monserrat-light', arial; */
    
    font-size:19px; 
    line-height: 25px;
    margin-top: 30px;
    color: #f1f1f1
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html, body {
    margin: 0;
    padding: 0;
}

#header-menu {
    width: 100%;
    height: auto;
    overflow: auto;
    position: relative;
    z-index: 1000;
    border-bottom: 1px solid #ccc
}

#header-inner {
    min-height: 350px;
}

a {
    text-decoration: none;
    color: #000
}

#masthead {
    background-image: url(img/forest-tall-trees.jpg);
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 300px;
    top: 0;
    z-index: 200;
    overflow: hidden;
    margin: 0px auto 5px auto;
    display: block;
}

#masthead #header-inner {
  /*  background-image: url('img/header-pic-2017.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;*/
    height: 100%;
    width: 100%
}

#masthead #logo-wrapper, 
footer #logo-wrapper-footer {
    width: 300px;
    margin: 10px 15px 0px 15px;
}

#masthead #logo-wrapper img,
footer #logo-wrapper-footer img {
    width: 300px
}

#masthead #logo-wrapper {
    margin-bottom: 13px;
}

#logo-lowres {
    display: block;
}    
    
#logo-retina {
   display: none;
}    

#wrapper {
    width: 100%;
    background: #fff url(img/background.jpg) center -100px no-repeat;
    background-size: 2300px;
    background-attachment: fixed;
    overflow: hidden
}

#wrapper-inner {
    overflow: auto;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.15); 
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.15);    
}

.home #wrapper-inner {
    background-image: url(img/forest-park.jpg);
    background-size: 100%;
    background-position: center 1500px;
    background-repeat: no-repeat;
}


.boxed-width {
    max-width: 1500px;
    margin: 0 auto;
}

.white-space {
    margin-top: 25px;
    margin-bottom: 25px;
}

.row {
    margin: 75px 0 250px 0;
    width: 100%;
    overflow: auto;
}

.row_inner {
    width: 80%;
    margin: 0 auto;
    overflow: auto;
}

.col {
    float: left
} 

.col1_2 {
   width: 50%
}

.col1_3 {
   width: 40%
}

.col2_3 {
   width: 60%;
}

.col1_4 {
    width: 25%
}

.col3_4 {
    width: 75%
}

.col_3 {
    width: 33.33333%;
}  

.filler {
    min-height: 100px;
}

.hidden_tablet, 
.hidden_mobile {
    display: block
}

.visible_mobile, 
.toggle-nav ul li.visible_mobile {
   display: none
}


a.aw3-button {
    font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    min-width: 150px;
    padding: 7px;
    background: #3f3f3f;
    border: 1px solid #575757;
    border-radius: 25px;
    color: #fff;
    font-size: 0.7rem;
    letter-spacing: 3px;  
    margin-top: 50px;
    margin-right: 0px;
    display: inline-block;
    text-align: center 
}

.aw3-button-wide-wrapper {
 width: 250px; 
 height: 45px;
 background: #292929 url(img/contact-icon.png) 5px center no-repeat;
 background-size: 37px;
 border-radius: 25px;
 position:absolute;
 left: 115px;
 top: 550px;
 z-index: 1000;
}

a.aw3-button-wide {
 display: inline-block; 
 width: 80%;
 padding: 13px 0 30px 80px;
 text-align: left;
 color: #e8e8e8;
 font-size: 0.95rem;
 
}

.icon-small {
    width: 75px;
    height: 75px;
    background: #ffd824;
    margin: 15px auto
}

.filler-h {
    height: 50px
}

.inner_padding {
    padding: 0 50px
}

#headline {
   position: absolute; 
   left: 0px; 
   top: 0px; 
   width: 100%;
   background-image: url(img/oblique-1.png);
   background-position: left top; 
   background-repeat: no-repeat;
   background-size: 840px;
   height: 100vh;
   min-height: 1000px;
   z-index: 1
}

#headline .row {
    margin-top: 150px
}

#headline .row .row_inner{
    padding-top: 50px;
    width: 83%
}

#about, #soumission {
    background-image: url(img/triangle-1.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 300px
}

#snowAccumulation {
    margin-top: -350px;
    position: relative;
    z-index: 5
}

#about .row {
    margin-bottom: 0
}


#contact {
    position: relative;
    z-index: 10;
}

footer {
    background-color: #3d3d3a;
    overflow: hidden
}

#header-pic-wrapper {
   /* background-image: url(img/header-pic-2018.jpg);*/
    background-color: #fff;
/*    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;*/
}

#snow-icon, #contact-icon, #facebook-icon {
    background-position: center 20px;
    background-size: 50px;
    background-repeat: no-repeat;
}

#snow-icon {
    background-image: url(img/snow-icon.png);
}

#contact-icon {
    background-image: url(img/contact-icon-2.png);
}

#facebook-icon {
    background-image: url(img/fb-icon.png);
    background-position: 60px 30px;
}

#header-content {
    position: relative;
    z-index: 10
}

#header-content div {
    float: left;
    overflow: auto
}

#header-content div:nth-child(1) {
     width: 30%;
     position:relative;
     z-index: 1
}

#header-content div:nth-child(1) img {
    max-width: 514px; 
    width: 100%; 
    margin-top: 145%; 
    display:block
}

#header-content div:nth-child(2) {
     width: 60%;
     margin-left: -10%;
     overflow: hidden
}

#header-content div:nth-child(2) img {
    max-width: 750px; 
    width: 100%; 
    display:block; 
}


#header-content div:nth-child(3) {
     width: 40%;
     margin-left: -33%
}

#header-content div:nth-child(4) {
    float: right; 
    margin-right: 0; 
    margin-left: -15%; 
    width: 16%; 
    height: 100%;
}

#abspos-bg-img-1 {
    background-image: url(img/triangle-2.png);
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    width: 50%;
    min-width: 700px;
    height: 2500px;
    position: absolute;
    top: 1900px;
    right: 0;
    z-index: 2
}

#abspos-bg-img-2 {
    background-image: url(img/background.jpg);
    background-size: 70%;
    background-position: left top;
    background-repeat: no-repeat;
    width: 90%;
    min-width: 700px;
    height: 1500px;
    position: absolute;
    top: 2950px;
    left: -150px;
    z-index: 1
}

#backToTop {
    position: fixed;
    right: 15px;
    bottom: 0;
    width: 60px;
    height:85px;
    background: #fff url(img/arrow-up.png) center 15px no-repeat;
    background-size: 35px;
    opacity: 0.7;
    z-index: 100000
}

.headline-page {
    position: relative; 
    z-index: 200000
}

#contact-icon {
    float: left; 
    width: 20%; 
    height: 150px;
} 

#contact-text {
    float: left; 
    width: 70%; 
    height: 100%; 
    margin-left: 5%;
} 

#contact-text .aw3-button {
    margin: 35px auto 50px auto;
    display: block    
}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*Styling Gravity FORMS*/
li.entrepreneige_icons ul.gfield_checkbox li{
    background-image: url(img/signalisation-form-link.png); 
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 25px 0 !important
}

li.aw3-gf-contact-form {
    margin-top: 5px !important
}

label {
    color: #bec6c6;
}

li.aw3-gf-contact-form input,
li.aw3-gf-contact-form input,
li.aw3-gf-contact-form select,
li.aw3-gf-contact-form textarea {
    padding: 12px 0 12px 5px !important;
    width: 90% !important;
    border: 1px solid #ccc;
}

li.aw3-gf-contact-form select {
    line-height: 3rem;
    height: 47px;
}

input#gform_submit_button_3.gform_button.button, .gform_button.button {
    padding: 15px 0px !important;
    width: 88% !important;
}

#gform_submit_button_2,
#gform_submit_button_4 {
    max-width:300px
}

.gform_wrapper .gfield_required {
    color: #bec6c6 !important
}

#contact input[type="submit"], 
 input[type="submit"] {
    background-color: #3f3f3f;
    color: #fff
}

#contact input[type="submit"]:hover,
input[type="submit"]:hover {
    background-color: #bec6c6;
    color: #fff
}

.gform_wrapper > li.gf_type_toit {
    background: #000
}

.gform_wrapper label.gfield_label {
    font-weight: normal !important
}

/*select#input_2_9 option[value="1"] {
    background-image: url(img/signalisation-form-link.png);
}
*/

/*----STYLING THE SELECT INPUT----*/
/*select#input_2_9 {
  margin: 50px;
  border: 1px solid #111;
  background: transparent;
  width: 85%;
  padding: 5px 35px 5px 5px;
  font-size: 16px;
  border: 1px solid #ccc;
  height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;
}


select#input_2_9 option {
   background: url(img/signalisation-form-link.png) 96% / 15% no-repeat #fff;
background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;   
}
*/
/* CAUTION: IE hackery ahead */
/*select#input_2_9::-ms-expand { 
    display: none;
}
*/
/* target Internet Explorer 9 to undo the custom arrow */
/*@media screen and (min-width:0\0) {
    select#input_2_9 {
        background:none\9;
        padding: 5px\9;
    }
}
*/
li.gchoice_2_14_1, li#field_4_27 {
    background: url(img/ent-serv-deneigement.png) 15px center no-repeat;
    padding: 25px 0 !important    
}

li#field_4_27 {
    margin-top: 25px;
}

li#field_4_27 a#codeSecurite_doc {
    text-align: right;
    /*padding-left: 70px;*/
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline
}

li#field_4_27 {
    padding-left: 70px !important;
}	

li.gchoice_2_14_2 {
    background: url(img/ent-serv-deglacage.png) 15px center no-repeat;
}

li.gchoice_2_11_0 {
    background: url(img/ent-hauteur-1etage.png) 15px center no-repeat;
}

li.gchoice_2_11_0 input {
    padding-left: 50px !important
}

li.gchoice_2_11_1 {
    background: url(img/ent-hauteur-2etages.png) 15px center no-repeat;
}

li.gchoice_2_11_2 {
    background: url(img/ent-hauteur-bloc.png) 15px center no-repeat;
}

li.gchoice_2_16_0 {
    background: url(img/ent-superficie-petit.png) 15px center no-repeat;
}

li.gchoice_2_16_1 {
    background: url(img/ent-superficie-moyen.png) 15px center no-repeat;
}

li.gchoice_2_16_2 {
    background: url(img/ent-superficie-grand.png) 15px center no-repeat;
}

li.gchoice_2_15_0 {
    background: url(img/ent-hauteur-bloc.png) 15px center no-repeat;
}

li.gchoice_2_15_1 {
    background: url(img/ent-serv-deneigement.png) 15px center no-repeat;
}

li.gchoice_2_17_0 {
    background: url(img/ent-toit-bardeau.png) 15px center no-repeat;
}

li.gchoice_2_17_1 {
    background: url(img/ent-toit-alu.png) 15px center no-repeat;
}



li.gchoice_2_11_0,
li.gchoice_2_11_1,
li.gchoice_2_11_2,
li.gchoice_2_14_1,
li.gchoice_2_14_2,
li.gchoice_2_16_0,
li.gchoice_2_16_1,
li.gchoice_2_16_2,
li.gchoice_2_15_0,
li.gchoice_2_15_1,
li.gchoice_2_17_0,
li.gchoice_2_17_1,
li#field_4_27 {
    background-size: 50px;
   /* width: 50%;*/
}

li.gchoice_2_16_0,
li.gchoice_2_16_1,
li.gchoice_2_16_2 {
    /*width: 75%;*/
}

li.gchoice_2_14_1,
li.gchoice_2_14_2 {
    width: 25%;
}    

.gform_wrapper ul.gfield_radio li,
.gform_wrapper ul.gfield_checkbox li
 {
   min-height: 60px !important
}

.gform_wrapper .gfield_radio li input[type=radio],
.gform_wrapper .gfield_checkbox li input[type=checkbox] {
    margin-left: 75px !important;
    margin-top: 23px !important;
}

.gform_wrapper .gfield_radio li label,
.gform_wrapper .gfield_checkbox li label {
    margin-top: 23px !important;
}

.gform_wrapper li.gfield.aw3-gf-inline-cb ul.gfield_checkbox li {
     display: inline-block;
     float: left;
     margin-right: 35px
} 

.gform_wrapper li.gfield.aw3-gf-inline-cb {
   overflow: auto
}

.gform_wrapper .gsection.aw3-gsection-style-1 {
    border-bottom: 1px dotted #ccc
}

.gform_wrapper form li.aw3_form_field_floated > div, 
.gform_wrapper li.aw3_form_field_floated > div input {
    width: 100%
}

.gform_wrapper form li.aw3_form_field_floated.gsection {
    width: 50%
}

.gform_wrapper form li.aw3_form_field_floated > label.gfield_label,
.gform_wrapper form li.aw3_form_field_floated h2.gsection_title,  
.gform_wrapper form li.aw3_form_field_floated.gsection,
.gform_wrapper form li.aw3_form_field_floated > div,
.gform_wrapper li.aw3_form_field_floated > div input {
    float: right
}

.gform_wrapper form li.aw3_form_field_floated h2.gsection_title,  
.gform_wrapper orm li.aw3_form_field_floated.gsection{
    float: right;
   
}

.gform_confirmation_message {
    padding: 25px 50px;
    background: #fafa00
}

.page-id-189 #content,
.page-id-249 #content {
    margin-top: -395px;
    position: relative;
    z-index: 2000
}

#field_2_22 {
    margin-bottom: 50px
}

div#ui-datepicker-div[style] {
    z-index: 1000000 !important
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: none;
}

.main-navigation,
.main-navigation > div  {
    overflow: auto
}

ul {
    padding: 0;
}

ul#main-nav {
    float: right;
}

ul li {
    list-style-type: none;
}

ul li a {
    font-size: 13px;
    color: #9a9a9a
}  

#nav-wrapper {
   overflow: hidden;
   margin-top: 21px
}

.toggle-nav ul#main-nav {
    margin: 3px auto;
    display: inline-block;
    float: left;
    margin-left: 140px
}

.toggle-nav ul li {
    display: inline-block;
    float: left;
    margin: 5px;
    padding: 7px 5px 7px 15px;
}

#toggle-menu {
    display: none;
    font-weight: normal;
    font-size: .9em;
    border: 1px solid #ccc;
    padding: 20px 5px;
    color: #a4cbd0;
    background: url(img/toggle-menu-ico.png) center center no-repeat;
    background-size: 20px;
    width: 44px;
    position: absolute;
    right: 7px; 
    top: 15px    
}  

#top-navigation {
    position: relative;
    z-index: 50000;
    background-color: #000;
    margin: 0;
    padding: 0;
    
}

#top-navigation ul {
    margin: 0;
    padding: 0;
    overflow: auto
}

#top-navigation ul li {
    margin: 0px 25px;
    padding: 3px 5px 5px 5px;
    float: left;
    display: block
}

#top-navigation ul li a{
    color: #fafafa !important;
    text-transform: uppercase !important;
    font-weight: bold
}


#footer-nav ul{
    margin: 25px 25px 5px 35px; 
    padding: 25px 25px 0px 25px;
}

#footer-nav ul li {    
    padding: 10px 2px;
}

#footer-nav ul li a {    
    color: #e3e3e3; 
    font-size: 14px
}    

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

svg > g > g > g:nth-child(2) > rect {
   width: 15px;
}


/*-------------------------------------------------------------------
Media Queries
--------------------------------------------------------------------*/
@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    #logo-lowres {
        display: none;
    }    
    
    #logo-retina {
        display: block;
    } 
}

@media (-webkit-min-device-pixel-ratio: 3) { 
    #logo-lowres {
        display: none;
    }    
    
    #logo-retina {
        display: block;
    } 
}

@media (min-width: 1461px) {
#headline .row_inner {
    width: 90%
}
}

@media (max-width: 1460px) {
 #header-content div:nth-child(3) {
     width: 50%;
     margin-left: -30%
 }
 
 #header-content div:nth-child(4) {
     display: none
 }
 
#headline p.headline-tall {
    font-size: 80px; 
    line-height: 80px;
}

#headline p.headline-med {
    line-height: 42px;
    font-size: 26px; 
}

p.headline-med-tall {
    font-size: 40px; 
    line-height: 55px;
    letter-spacing: 2px; 
}

p.headline-small {
    font-size: 16px; 
    line-height: 20px;
    margin-top: 25px
}

#headline .row .row_inner {
    padding-top: 80px
}

#snowAccumulation {
    margin-top: -7%;
}

.aw3-button-wide-wrapper {
    top: 530px;
    left: 7%
}

.headline-page .inner_padding {
    padding: 0
}
 
}

@media (max-width: 1200px) {
.page-id-189 #content,
.page-id-249 #content {
    margin-top: -300px;
}
}

@media (max-width: 1100px) {
#header-content div:nth-child(1) {
     margin-left: 0px;
     /*margin-right: 50px*/
}

#header-content div:nth-child(1) img {
    width: 100%; 
    margin-top: 500px; 
}  

#snowAccumulation {
    margin-top: -3%;
}
  

}

@media (max-width: 1024px) and  (min-width: 813px){

#header-content div:nth-child(1) {
    width: 50%;
    margin-left: -10%;
    margin-right: -30%
}

#header-content div:nth-child(2) {
     width: 75%;
     float: right;
     margin-left: auto;
     margin-right: -100px
}


#header-content div:nth-child(3) {
     display: none
}


#headline {
    background-size: 700px
}

#headline .row_inner {
    width: 90%
}

#headline p.headline-tall {
    font-size: 74px; 
    line-height: 80px;
}

#headline p.headline-med {
    line-height: 40px;
    font-size: 25px;
    letter-spacing: 12px;
    min-width: 360px 
}

p.headline-med-tall {
    font-size: 34px; 
    line-height: 55px;
    letter-spacing: 4px; 
    min-width: 360px 
}

p.headline-small {
    font-size: 16px; 
    line-height: 20px;
    margin-top: 25px
}

#about .inner_padding {
    padding: 0 20px
}

#snowAccumulation {
    margin-top: 5%;
}

.aw3-button-wide-wrapper {
    top: 500px;
    left: 7%
}

.toggle-nav ul#main-nav{
   margin-left: 5px;
}


.gform_wrapper form li.aw3_form_field_floated > div, 
.gform_wrapper li.aw3_form_field_floated > div input {
    width: 100%
}

.gform_wrapper form li.aw3_form_field_floated.gsection {
    width: 100%
}

.gform_wrapper form li.aw3_form_field_floated > label.gfield_label,
.gform_wrapper form li.aw3_form_field_floated h2.gsection_title,  
.gform_wrapper form li.aw3_form_field_floated.gsection,
.gform_wrapper form li.aw3_form_field_floated > div,
.gform_wrapper li.aw3_form_field_floated > div input {
    float: none
}

.gform_wrapper form li.aw3_form_field_floated h2.gsection_title,  
.gform_wrapper orm li.aw3_form_field_floated.gsection{
    float: none;
}

.page-id-189 #content,
.page-id-249 #content {
    margin-top: -200px;
}

}


@media (max-width: 812px) {

p.headline-tall {
    font-size: 40px; 
    line-height: 90px;
    margin: 0
}


.headline-page p.headline-tall {
    font-size: 50px; 
    line-height: 80px;
    margin-left: 0
}

#header-content div:nth-child(1) {
    width: 50%;
    margin-left: 0;
    margin-right: -30%
}

#header-content div:nth-child(1) img {
    margin-top: 550px;
}    


#header-content div:nth-child(2) {
    width: 70%;
    float: right;
    margin-right: -30px
}     

#header-content div:nth-child(2) img {
    width: 150%;
}    


#header-content div:nth-child(3) {
     display: none
}

#headline {
   width: 100%;
   background-size: 650px
}

#headline .row {
    margin-top: 100px
}

.aw3-button-wide-wrapper {
    top: 475px;
    left: 7%
}

.visible_mobile {
   display: block
}

.col {
    width: 100%;
    float: none
}

#about .inner_padding {
    padding: 65px 45px 0 150px
}

#contact .inner_padding {
    padding: 50px 0;
}

/*Small menu*/
.toggle-nav ul#main-nav li{
   display: none;
   float: none;
   background: #fff;
   margin: 0;
   width: 95%;
   text-align: right;
   padding-right: 5%;
   padding-bottom: 25px;
   border-top: 1px solid #ccc
}

#toggle-menu {
	display: block;
}

.toggle-nav ul#main-nav{
   margin: 0;
   width:100%
}

#header-menu {
    background-color: #fff
}

.hidden_mobile {
    display: none
}

.toggle-nav ul li.hidden_mobile,
.toggle-nav ul li.hidden_mobile a {
    visibility: hidden;
    height: 0;
    padding: 0 !important;
    margin: 0
}


#masthead #logo-wrapper {
    margin: 7px 15px 0px 15px;
    width: 200px
}

#masthead #logo-wrapper img {
    width: 200px
}

.headline-page .inner_padding {
    padding: 0 10px 0 35px
}

.gform_wrapper form li.aw3_form_field_floated > div, 
.gform_wrapper li.aw3_form_field_floated > div input {
    width: 100%
}

.gform_wrapper form li.aw3_form_field_floated.gsection {
    width: 100%
}

.gform_wrapper form li.aw3_form_field_floated > label.gfield_label,
.gform_wrapper form li.aw3_form_field_floated h2.gsection_title,  
.gform_wrapper form li.aw3_form_field_floated.gsection,
.gform_wrapper form li.aw3_form_field_floated > div,
.gform_wrapper li.aw3_form_field_floated > div input {
    float: none
}

.gform_wrapper form li.aw3_form_field_floated h2.gsection_title,  
.gform_wrapper orm li.aw3_form_field_floated.gsection{
    float: none;
}

.page-id-189 #content,
.page-id-249 #content  {
    margin-top: 0px;
}

#snowAccumulation, #abspos-bg-img-1, #abspos-bg-img-2  {
   display: none
}

#contact-icon, 
#contact-text {
    float: none; 
    width: 90%; 
    margin-left: auto;
    margin-right: auto
} 

#contact-text p, #contact-text h3{
    text-align: center
}

#contact h2 {
    text-align: center
}


}

@media (max-width: 615px) {

#headline .row .row_inner {
    padding-top: 0px
}

#about .inner_padding {
    padding: 65px 45px 0 45px
}

#about {
    background-size: 225px;
}

#headline .row {
    margin-top: 170px
}

p {
   font-size: 13px
}


p.headline-med {
    line-height: 26px;
    font-size: 25px;
    letter-spacing: 5px;
}

p.headline-med-tall {
    font-size: 25px; 
    line-height: 30px;
    letter-spacing: 4px; 
    min-width: 360px 
}

p.headline-small {
    font-size: 16px; 
    line-height: 30px;
    margin-top: 25px
}

h2 {
    font-size: 1.4rem;
}

li.gchoice_2_14_1,
li.gchoice_2_14_2 {
    width: 100%;
}    


}

@media (max-width: 430px) {

#headline p.headline-tall {
    font-size: 47px; 
    line-height: 80px;
    letter-spacing: 5px
}

#header-content div:nth-child(1) {
    width: 50%;
    margin-left: -20px;
}

#header-content div:nth-child(1) img {
    width: 120%;
    margin-left: -20%
}

#header-content div:nth-child(2) {
    width: 70%;
    margin-right: -50px;
    margin-top: 100px
} 

.aw3-button-wide-wrapper {
 width: 190px; 
 background-size: 35px;
 left: 15px;
 top: 510px;
}

a.aw3-button-wide {
 width: 60%;
 padding: 13px 0 30px 60px;
}

footer a.aw3-button {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    width: 75%
}

#soumission .inner_padding {
    padding: 0px 0px 0px 15px;
}

#soumission p.headline-tall {
    font-size: 40px; 
    line-height: 70px;
    letter-spacing: 2px
}

.row_inner {
    width: 90% !important
}

}