@import url("css/variables.css");

@media only screen and (min-height: 720px) and (max-height: 870px) {
    .footer3_new {width: 19%;}
    .footer5{ width: 85%; left: -186px; overflow-x: hidden;}
	.flex-control-nav {bottom: 28%!important;}
}
@media only screen and (min-width: 1174px) and (max-width: 1390px) {
    .top_section > span {right: -114px;}
    .flex-control-nav {bottom: 25%!important;}
}

@media only screen and (min-width: 1176px) and (max-width: 1280px) { 
    .flex-control-nav {bottom: 100px!important;}
  .resources .pic {
    margin: 0 0 15px 0;
}  
}

@media only screen and (min-width: 1024px) and (max-width: 1175px) {
    #navigation_bar > li:first-child a {
        padding-left: 0;
    }
/*    #navigation_bar li > a {padding: 28px 25px;}*/
    #information .desc p {
        width: auto;
    }
    
    #contact_us p {
        width: auto;
    }
    .group {
        margin-left: 0;
    }
    .resources .pic {
    margin:0 0 15px 0;
}
    .home_footer{right: 50px;}
    .top_section > span{right: -170px;}
    body{overflow-x: hidden;}
    		.footer3_new {
    bottom: 79px;
    right: 12%;
    width: 275px;
}
    .resources-lists ul li {width:30%; margin:0 3% 0 0;}
    .fimgblock {width:100px; height:100px;}
    
 .sliderinfo {
    position: relative;
    left: 50%;
    margin-left: -50%!important;
    top: 0;
    width: 100%;    
}
.flex-control-nav {left:50%;}
.descriptions p {font-size:22px; line-height:28px;}
.descriptions > h3 {font-size:18px; line-height:22px; margin:0 0 22px;}
.flex-control-nav {bottom: 100px!important; margin-left: -13%;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #navigation_bar > li:first-child a {
        padding-left: 0;
    }
   
     .home_footer{right: 25px;}
    .top_section > span{right: -225px;}
    #information .desc p {
        width: auto;
        line-height: 22px;
    }
    body{overflow-x:hidden;}
    a.link {
        margin-top: 10px;
    }
    #contact_us p {
        width: auto;
    }
    .group {
        margin-left: 0;
    }
    #navigation_bar li a {
/*        padding: 22px 15px;*/
        font-size: 14px;
    }
/*    #navigation_bar li > a {padding: 22px 12px;}*/
/*    #navigation_bar ul li ul {width:150px;}*/
    #trip a {
/*        font-size: 18px;*/
/*        min-width: 190px;*/
/*        min-height: 93px;*/
/*        line-height: 82px;*/
/*        padding: 30px;*/
    }
    #logo {
        padding: 10px 0;
    }
    #trip a span {
/*        background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll 91% center;*/
    }
    h1 {
        font-size: 52px;
        line-height: 52px;
        padding-bottom: 15px;
    }
    p {
        font-size: 15px;
    }
    #information {
        padding: 45px 0 0;
    }
    #contact_us {
        margin-top: 0px;
    }
    .contact_us_wrapper {
        padding-left: 9px;
    }
    #contact_us h2 {
        font-size: 27px;
        padding-bottom: 5px;
    }
    #contact_us .row {
        padding: 38px 0 35px;
    }
    #information .desc {
        padding-top: 0;
    }
    .bottom_section p{
        font-size: 15px;
        line-height: 24px;
    }
    h2{
        font-size: 48px;
        line-height: 48px;
        padding-bottom: 10px;
    }
    .top_section p{font-size: 16px;}
    .top_left_section{padding-top: 42px;}
    .bottom_section h4 {
    padding-bottom: 10px;
}
    .bottom_section{
        padding: 42px 0 30px;
    }
    .resources_left{padding-bottom: 40px; padding-top: 0;}
    .resources .pic img{width: 100%;}
    .resources .pic{margin: 0 0 15px 0;
    width: 320px;}
    .faq {
    padding: 42px 0 35px;
}
    .contact_us form p{width: 47.2%;}
    .contact_us {
    padding-top: 45px;
}
    .contact_us form textarea{height: 150px;}
    .report_pic {
    margin: -10px 0 -1px 182px;
}
    .options img{width: 100%;}
    .options a{display: inline-block; width: 85px;}
    
    .options a:first-child{width: 69px;}
    .ways {
    padding: 40px 0 30px;
}
    .report_tips .bottom_section{padding: 45px 0 40px;}
	.footer3_new {
    bottom: 79px;
    right: 5%;
    width: 350px;
}
.footer5 {
    left: -527px;
    bottom: 66px;
    position: absolute;
    width: 173%;
    z-index: 1;
    overflow-x: hidden;
}
main, body{
     overflow-x: hidden;
    }
    .resources-lists ul li {width:30%; margin:0 3% 0 0;}
    .fimgblock {width:100px; height:100px;}
    .resources-lists h4 {font-size:12px; line-height:16px;}
	.flex-control-nav {bottom: 50px;     margin-left: -13%;}
    
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer5 {
    left: -235px;
    bottom: 66px;
    position: absolute;
    width: 95%;
    z-index: 1;
    overflow-x: hidden;
}
.sliderinfo {
    position: relative;
    left: 50%;
    margin-left: -50%!important;
    top: 0;
    width: 100%;    
}
.img-block {width:30%;}
.descriptions {width:60%; margin:0 0 0 5%;}
.descriptions p {font-size:20px; line-height:25px;}
.descriptions > h3 {font-size:16px; line-height:20px; margin:0 0 20px;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    /* #navigation_bar > li:first-child a {
        padding-left: 0;
    } */
    #information .desc p {
        width: auto;
        line-height: 20px;
        font-size: 13px;
        margin-bottom: 10px;
    }
     .home_footer{right: 0; width: 75%;}
    
    a.link {
        margin-top: 10px;
    }
    #contact_us p {
        width: auto;
    }
    .group {
        margin-left: 0;
    }
    #navigation_bar li a {
/*        padding: 23px 7px;*/
        //font-size: 13px;
    }
    #trip a {
/*        font-size: 15px;*/
/*        height: 82px;*/
/*        line-height: 85px;*/
/*        padding: 0 0 0 10px;*/
/*        width: 135px;*/
    }
    /* #logo {
        padding: 10px 0 13px;
    } */
    #trip a span {
/*        background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll 93% center;*/
    }
     /* #navigation_bar ul li ul {width:150px;} */
    /*h1 {
        font-size: 38px;
        line-height: 38px;
        padding-bottom: 10px;
    }*/
    /*p {
        font-size: 15px;
    }*/
    #information {
        padding: 33px 0 0;
    }
    #contact_us {
        margin-top: 0x;
    }
    .contact_us_wrapper {
        padding-left: 9px;
    }
    #contact_us h2 {
        font-size: 27px;
        padding-bottom: 5px;
    }
    #contact_us .row {
        padding: 38px 0 35px;
    }
    #information .desc {
        padding-top: 0;
    }
    .bottom_section .medium-5{width: 50%;}
    .bottom_section p{font-size: 16px;}
    .bottom_section h4{padding-bottom: 12px;}
    .bottom_section{padding: 42px 0 40px;}
    h2{font-size: 38px; line-height: 38px; padding-bottom: 10px;}
    .top_section p{font-size: 16px;}
    .top_left_section{padding-top: 42px;}
    .top_section{position: relative;}
    .pic{position: absolute; bottom: 0; right: 15px; width: 260px;}
    .pic img{width: 100%;}
    .faq {
    padding: 42px 0 40px;
}
    .inner_wrapper.resources{position: relative;}
    .resources_left{padding-top: 0; padding-bottom: 42px;}
    .resources .pic {
    margin: 0 0 15px 0;
    width:270px;
}
    .contact_us form p {
  
    margin-left: 10px;
    width: 48.3%;
}
    .contact_us{padding-top: 42px;}
    .contact_us form textarea{height: 140px;}
    .report_pic{position: absolute; bottom: 0; margin: -38px 0 -1px 97px;}
    .inner_wrapper.report_tips h2{font-size: 26px;}
    .inner_wrapper.contact_us{position: relative;}
    .ways li{float: none; margin: 0 auto 45px; width: 100%;}
    .report_tips li::after{position: static; margin: 45px auto 0;}
    .ways {
    padding: 40px 0 0;
}
    .report_tips h6{padding-top: 0;}
    .top_section > span {
    position: absolute;
    right: -222px;
    top: 15px;
    width: 102%;
}
    .footer3_new {
    bottom: 11px;
    padding: 0;
    position: absolute;
    right: 19%;
    width: 33%;
    z-index: 99;
}
a.do_it_here{margin-top:20px;}
.resources-lists ul li {width:30%; margin:0 3% 0 0;}
    .fimgblock {width:70px; height:70px;}
    .resources-lists h4 {font-size:12px; line-height:16px;}
    
.sliderinfo {
    position: relative;
    left: 50%;
    margin-left: -50%!important;
    top: 0;
    width: 100%;    
}
.img-block {width:30%;}
.descriptions {width:60%; margin:0 0 0 5%;}
.descriptions p {font-size:15px; line-height:20px;}
.descriptions > h3 {font-size:16px; line-height:20px; margin:0 0 20px;}    
.flex-control-nav {left: 48%; bottom: 12px;}
.flex-direction-nav .flex-next {width:40px!important; height:40px!important; background-size:100%;}
.flex-direction-nav .flex-next:hover {width:40px!important; height:40px!important; background-size:100%;}
.flex-direction-nav .flex-prev {width:40px!important; height:40px!important; background-size:100%;}
.flex-direction-nav .flex-prev:hover {width:40px!important; height:40px!important; background-size:100%;}
}

@media only screen and (max-width: 1024px){
    #navigation_bar > li:first-child a {
        padding-left: 0;
    }

    #navigation_bar li a {
        padding: 0;
        color: var(--color-main);
        font-size: 24px;
        font-weight: 900;
        padding: 15px 0;
        letter-spacing: 0.02em;
    }
    #navigation_bar .minus > a {
        color: var(--color-sub-4);
    }
    #navigation_bar .minus .arrow:after {
        background-color: var(--color-sub-4);
    }
    #navigation_bar li {
        background: none;
        float: none;
/*        text-align: center;*/
        padding: 0;
    }
    #trip a {
        font-size: 21px;
        width: 169px;
        height: 53px;
        line-height: 53px;
        padding: 0;
        text-align: center;
        letter-spacing: 0.5px;
/*        background: var(--color-sub-2) url("../images/trees.png") no-repeat right top;*/
/*        background-size: auto 120%;*/
    }
    #trip a:hover {
        background: var(--color-sub-1)
/*        background-size: auto 120%;*/
    }
    header .row,
    header .columns {
        padding: 0;
    }
    #logo {
        padding: 18px 5%;
    }
    header .row .columns:first-child {
        padding-left: 0.719rem;
        padding-right: 0.719rem;
    }
    #trip a span {
/*        background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll 91% 21px;*/
        display: inline-block;
/*        padding-right: 38px;*/
    }

    #navigation_bar {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--color-white);
        z-index: 999;
        /*--padding: 15px 0;--*/
        display: none;
    }
    header {
        position: relative;
    }
    #toggle {
        display: block;
    }
    #trip {
        float: none;
    }
    #trip a {
        width: 100%;
    }

    #navigation_bar ul li ul {position: static; top: 100%;display: none;background: var(--color-white);width: 100%;z-index: 999; padding: 15px 0;}	
}

@media only screen and (max-width: 639px) {
   
    a.do_it_here{margin-top:15px;}
    main.inner5 > span, .footer5{display: none;}
    .home_footer, .footer3_new{display: none;}
    .footer3{width: 100%;}
    .resources .pic {
    display: block;
}
    .top_section > span {
    display: block;
    line-height: 8px;
    margin-top: -32px;
    position: static;
}
    #information .desc p {
        width: auto;
        line-height: 22px;
    }
    a.link {
        margin-top: 10px;
    }
    #contact_us p {
        width: auto;
    }
    .group {
        margin-left: 0;
    }
    /*h1 {
        font-size: 52px;
        line-height: 52px;
        padding-bottom: 15px;
    }*/
    p {
/*        font-size: 15px;*/
    }
    #information {
        padding: 45px 0 0;
    }
    #contact_us {
        margin-top: -100px;
        padding-top: 100px;
    }
    .contact_us_wrapper {
        padding-left: 9px;
    }
    #contact_us h2 {
        font-size: 27px;
        padding-bottom: 5px;
    }
    #contact_us .row {
        padding: 38px 5% 35px;
        background: #36b4c1 url("../images/trees_group.png") no-repeat scroll center bottom;
    }
    #information .desc {
        padding-top: 0;
        padding-bottom: 45px;
    }
    footer nav ul li {
        float: none;
        display: inline-block;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    footer .small-6 {
        float: none;
        display: inline-block;
        width: auto
    }
    footer nav ul li,
    footer nav ul li:first-child {
/*        background: rgba(0, 0, 0, 0) url("../images/seperator1.png") no-repeat scroll right center;*/
    }
    footer nav ul li:last-child {
/*        padding-right: 22px;*/
    }
    footer nav {
        position: relative;
/*        top: -27px;*/
    }
    .row {
        width: 100%;
        margin: 0 auto;
        padding: 0 5%;
    }
    .row .row {
        padding-left: 0;
        padding-right: 0;
    }
    .row.full-width {
        padding: 0;
    }
    
    .ways ul{margin-bottom: 0;}
    .ways li{float: none; margin: 0 auto 45px; width: 100%;}
    .report_tips li::after{position: static; margin: 45px auto 0;}
    .ways ul:first-child li:last-child::after{display: block;}
    .ways {
    padding: 40px 0 0;
}
    /* .report_tips h6{padding-top: 0;} */
    .inner_wrapper.report_tips h2{font-size: 24px; line-height: 32px; padding-bottom: 0;}
    .top_left_section{padding-top: 42px;}
    h2{font-size: 38px; line-height: 38px; padding-bottom: 10px;}
    .top_section p{font-size: 16px;}
    .pic {
    float: right;
    margin: -62px 0 0;
        width: 260px;
}
    .pic img{width: 100%;}
    .bottom_section p{font-size: 16px;}
    .bottom_section h4{padding-bottom: 12px;}
    .bottom_section{padding: 42px 0 45px;}
    .faq p{font-size: 13px;}
    h6{padding-bottom: 10px;}
    .faq h2, .resources h2{
            font-size: 25px;
    line-height: 25px;
    padding-bottom: 22px;
    }
    .faq {
    padding: 42px 0 15px;
}
    .faq h2, .resources h2 {
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 16px;
}
    .resources_left {
    padding-top: 0;
}
    .resources .info{padding-bottom: 0;}
    .resources .pic {
    margin: 0 0 -18px;
    width:250px;
}
    .resources .info p{font-size: 16px;}
    #breadcrum li a{font-size: 13px; padding: 12px 0;}
    #breadcrum li.active a, #breadcrum li.current-menu-item a{background: rgba(0, 0, 0, 0) url("../images/arrow2.png") no-repeat scroll right 14px;}
    .contact_us{padding-top: 42px;}
    .report_pic {
    float: right;
    line-height: 8px;
    margin: 0;
        display: none;
}
    .contact_us h4{padding-top: 30px;}
    .contact_us form p{float: none; width: 100%; margin-left: 0;}
    .contact_us form textarea{width: 100%;}
    .resources-lists ul {margin:35px auto; text-align:center;}
    .resources-lists ul li {margin:0 auto 25px; display:block; float:none;}
    .resources p {padding-right: 0px;}
    .resources h2 {text-align:center;}
    .resources .pic {float:none; text-align:center; margin:0 auto -18px;}
    .sliderinfo {
    position: relative;
    left: 50%;
    margin-left: -50%!important;
    top: 0;
    width: 100%;    
}
.img-block {width:30%;}
.descriptions {width:60%; margin:0 0 0 5%;}
.descriptions p {font-size:20px; line-height:25px; text-align: center;}
.descriptions > h3 {font-size:29px; line-height:28px; margin:0 0 12px;} 
.flex-control-nav {display:block; position: absolute;}
.flex-direction-nav .flex-next {width:48px!important; height:48px!important; background-size:100%; right: 15px!important;}
.flex-direction-nav .flex-next:hover {width:48px!important; height:48px!important; background-size:100%; right: 15px!important;}
.flex-direction-nav .flex-prev {width:48px!important; height:48px!important; background-size:100%; left: 15px!important;}
.flex-direction-nav .flex-prev:hover {width:48px!important; height:48px!important; background-size:100%; left: 15px!important;}

.contact_us_wrapper { padding-bottom:25px;}
#contact_us .row .contact_us_wrapper:last-child { padding-bottom:0;}
	
.resources-lists h4 {font-weight: bold;}	
/*#trip a span {padding-right: 32px;}	*/
		
.flex-control-nav {left: 50%; bottom: 12px;}
.descriptions p {font-size: 15px; line-height: 20px; text-align: left;}	
}
@media only screen and (max-width: 599px) {
    
 #breadcrum li {margin-right: 12px;} 
	
.descriptions{margin: 0 5% 45px;  min-height: 210px;}	
.descriptions > h3 {text-align: center;}
.descriptions h4 {text-align: center;}	
	
.mob-img {width: 100%; height: auto; margin: 0 auto;}	
.descriptions p {text-align: center;}
#munderline {border-bottom:1px solid white;}	
#weare {padding-top:35px; }		
	
}
@media only screen and (max-width: 479px) {
    #logo {
        padding: 18px 0;
    }
    #toggle {
        right: 15px;
    }
    footer nav ul li {
        padding: 5px 10px;
    }
    footer h6 {
        float: none;
        font-size: 11px;
        margin-left: -13px;
/*        width: 135px;*/
    }
    footer h6 img {
        width: 100%;
    }
    footer nav {
        top: 0;
    }
    /*h1 {
        font-size: 48px;
        line-height: 48px;
    }*/
    footer h6 a {
        display: inline-block;
        width: 70px;
    }
    footer nav ul li:last-child {
        padding-right: 10px;
    }
    footer nav li a {
/*        font-size: 13px;*/
    }
    /*h2{
        font-size: 32px;
        line-height: 32px;
    }*/
    .pic{width: 185px;}
    .bottom_section p {
    font-size: 14px;
    line-height: 22px;
}
    .bottom_section h4 {
    line-height: 27px;
    padding-bottom: 9px;
}
    .faq h2, .resources h2 {
    font-size: 29px;
    line-height: 31px;
    padding-bottom: 16px;
    font-weight: 900;
}
    .report_tips .bottom_section{padding-bottom: 30px;}
    .resources .pic {margin:0 auto;}
    .footer2 { bottom: 80px;}
    footer nav {
    top: 13px;}
    
.img-block {
    width: 50%;
    float: none;
    margin: 0 auto 25px;
    text-align: center;
    display:none;
}   


.mob-img {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
    display:block;
} 

.descriptions {float:none; width:90%; display:block; margin: 0 5% 45px; min-height: 278px;}




footer .small-6 {
    display: inline-block;
    float: left;
    width: 50%;
    vertical-align: top;
    text-align:center;
}
footer nav {
/*    text-align: right;*/
/*    top: 22px;*/
}

#information {
    background: #e9e5da url(../images/slidertreestructure.jpg)no-repeat bottom left;
    background-size: 400%;
}

#munderline {border-bottom:1px solid white;}	
#weare {padding-top:35px; }	
.descriptions p {font-size: 20px; line-height: 22px;}	
.flex-control-nav {bottom:65% !important; left: 58%;}	
	
}
@media only screen and (max-width: 360px) {.sliderinfo .descriptions { min-height:370px; } }
@media only screen and (max-width: 359px) {
  footer nav li a {
    font-size: 11px;
}  
    }
    
@media only screen and (max-width: 320px) {.sliderinfo .descriptions { min-height:370px; } }


@media only screen and (max-width: 1023px) {
    .gallery {
        --gap: 10px;
        gap: var(--gap);
    }
    .gallery-image {
        height: 30vw;
    }
    .gallery-image:nth-child(1) {
        width: calc(60% - (var(--gap)/2));
        order: 4;
    }
    .gallery-image:nth-child(2) {
        width: calc(40% - (var(--gap)/2));
        order: 3;
    }
    .gallery-image:nth-child(3) {
        width: calc(60% - (var(--gap)/2));
    }
    .gallery-image:nth-child(4) {
        width: calc(40% - (var(--gap)/2));
    }
    .section-text-image .img-wrap {
        padding: 10px;
        border-radius: 8px;
    }
    footer {
        text-align: center;
    }
    footer nav li {
        display: inline-block;
        float: none;
    }
    footer h6 {
        float: none;
    }
}
@media only screen and (max-width: 1024px){
    #navigation_bar {
        max-height: calc(100vh - 97px);
        overflow-y: auto;
    }
    #navigation_bar .menu-button {
        display: none;
    }
    #navigation_bar ul {
        padding-left: 20px;
        padding-right: 20px;
    }
    #navigation_bar li a:hover, 
    #navigation_bar li.current-menu-item > a {
        color: var(--color-sub-4);
    }
    #navigation_bar > nav > ul > li {
        padding-left: 10px;
        padding-right: 10px;
    }
    #navigation_bar > nav > ul > li + li {
        border-top: 1px solid var(--color-sub-3);
    }
    #navigation_bar > nav > ul > li > a {
        letter-spacing: 0;
    }
    #navigation_bar .sub-menu {
        padding-top: 0;
        padding-bottom: 10px;
    }
    #navigation_bar .sub-menu a {
        font-size: 24px;
        font-weight: 500;
        padding-bottom: 15px;
        letter-spacing: 0;
    }
    #navigation_bar .sub-menu .current-menu-item > a,
    #navigation_bar .sub-menu a:hover {
        color: var(--color-sub-4);
    }
    #navigation_bar .login-item > a:not(:hover) {
        color: var(--color-main);
    }
    .header {
        background-color: var(--color-white);
    }
    #trip a {
        background-color: var(--color-sub-2);
        padding-top: 10px;
        padding-bottom: 10px;
        height: auto;
    }

    .header {
        z-index: 200;
    }
    body.home_page .header,
    body.scrolled .header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    body.logged-in:not(.scrolled) .header {
/*        top: 46px;*/
    }

    body.home_page.open:not(.scrolled) .header {
        background-color: var(--color-sub-3);
    }
    body.home_page:not(.scrolled) .header {
        background-color: transparent;
    }
    body.home_page:not(.scrolled) #toggle {
        background-color: var(--color-white);
    }
    body.home_page:not(.scrolled) #toggle .patty, 
    body.home_page:not(.scrolled) #toggle .patty:after, 
    body.home_page:not(.scrolled) #toggle .patty:before {
        background-color: var(--color-sub-3);
    }
}

@media only screen and (max-width: 639px) {
    
    body.open main {
        position: relative;
    }
    body.open main:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        background: rgba(0, 0, 0, .75);
    }
    .hero-content {
        padding-bottom: 120px;    
    }
    .hero-gallery .gallery:before {
        margin-left: -60px;
    }
    .hero-gallery .gallery:after {
        margin-right: -180px;
    }

    .section-text-image .inner-wrap {
        padding-top: 47px;
    }
    .section-text-image .icon-wrap {
        transform: translate(30%, -30%);
        padding: 8px 15px;
    }
    .footer-banner a,
    .footer-banner a:hover {
        background-repeat: repeat-x;
    }
    footer .hmenu {
        padding-top: 30px;
    }    
    footer h6 {
        float: none;
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .top-image-column {
        margin-top: 40px;
        text-align: center;
    }
    .faq-section {
        padding-top: 0;
    }
    .faq-section .answer-column {
        padding-bottom: 16px;
    }
    .section-info .columns {
        padding-bottom: 15px;
    }
    .report-tips {
        padding-bottom: 0;
    }
    .report-tips .tile-item:last-child {
        margin-bottom: 15px;
    }
    .tile-item.title-column {
        text-align: center;
    }
   
    body.scrolled:not(.home_page),
    body.home_page .section-hero {
        padding-top: 97px;
    }
    
    .resources iframe[src*="youtube"] {
        max-height: 45vw;
    }
    .section-text-image .section-title {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 1024px){
    .menu-column #navigation_bar {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    #navigation_bar .arrow {
        display: none;
    }
    #navigation_bar > nav {
        margin-right: 25px;
    }
    #navigation_bar > nav > ul > li > a {
        padding: 28px 21px 29px;
        margin: 0 -2px;
    }
    #navigation_bar > nav > ul > li + li:not(.menu-button):before {
        content: '';
        position: absolute;
        left: -1px;
        top: 50%;
        margin-top: -12px;
        height: 23px;
        border-right: 2px solid var(--color-white);
    }
    #navigation_bar > nav > ul > li li {
        border-top: 1px solid var(--color-sub-3);
        width: 100%;
    }
    #navigation_bar .menu-item-has-children:hover a,
    #navigation_bar .menu-item-has-children:focus a {
        background-color: var(--color-white);
        color: var(--color-main);
    }
    #navigation_bar .sub-menu {
        background-color: var(--color-white);
        max-width: calc(100% + 4px);
        width: calc(100% + 4px);
        margin-left: -2px;
    }
    #navigation_bar .sub-menu li a {
        font-size: 16px;
        font-weight: 800;
        line-height: 1.2;
        text-transform: capitalize;
    }
    #navigation_bar .sub-menu li.current-menu-item > a,
    #navigation_bar .sub-menu li a:hover,
    #navigation_bar .sub-menu li a:focus {
        color: var(--color-sub-4);
    }
    #navigation_bar .menu-button {
       //margin-top: 25px;
    }
    #navigation_bar .menu-button > a {
        color: var(--color-sub-2);
        border: 2px solid var(--color-sub-2);
        border-radius: 50px;
        padding: 10px 20px;
    }
    #navigation_bar .menu-button > a:hover,
    #navigation_bar .menu-button > a:focus {
        color: var(--color-main);
        background-color: var(--color-sub-2);
    }
    #trip a {
        background: var(--color-sub-2) url('../images/blue_hover_white.png') no-repeat;
        background-size: cover;
        font-size: 18px;
        min-width: 190px;
/*        min-height: 93px;*/
/*        line-height: 82px;*/
        padding: 30px;
    }   
    #trip a:hover {
        background: var(--color-sub-1) url('../images/blue_hover_white.png') no-repeat;
        background-size: cover;
    }
}

@media only screen and (min-width: 640px) {
    body.home .header{
        position: fixed;
        left: 0;
        right: 0;
    }
    body.home.scrolled .header,
    body:not(.home) .header {
        background: var(--gradient);
    }  
    .header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 200;
    }
    .logged-in .header {
        top: 32px;
    }
}

@media only screen and (min-width: 640px) {
    
    
    .footer-banner a:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url("../images/trees.png") no-repeat left top;
        background-size: auto 120%;
        z-index: -1;
    }  
    /*.footer-banner a:hover,
    .footer-banner a:focus {
        background: var(--color-sub-1) url("../images/trees.png") no-repeat right top;
        background-size: auto 120%;
    }*/ 
    .faq-section .question {
        padding-right: 140px;
    }
    .faq-section .question {
        padding-bottom: 40px;
    }
    .report-tips .tile-item:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 30px;
        border-right: 1px solid var(--color-sub-3);
    }
    .report-tips .title-column h3 {
        padding-left: 18px;
    }
    body.home .section-hero {
        padding-top: 93px;
    }
}

@media only screen and (min-width: 1024px) {
    .menu-column {
        padding-right: 0;
    }
    .section-text-image .text-column {
        padding-left: 90px;
        padding-right: 60px;
    }
    .top-text-column {
        padding-right: 100px;        
    }
    .report-tips .tile-item:nth-last-child(2):before,
    .report-tips .tile-item:nth-last-child(3):before,
    .report-tips .tile-item:nth-child(3n):after {
        display: none;
    }    
}

@media only screen and (min-width: 1260px) {
    .report-tips .title {
        padding-left: 86px;
        padding-right: 86px;
    }
    .report-tips .tile-item:last-child .title {
        padding-left: 60px;
        padding-right: 60px;
    }
    .section-info .title-column {
        padding-right: 65px;
    }
    .image-column:not(.large-push-6) {
        padding-right: 60px;
    }
    .image-column.large-push-6 {
        padding-left: 60px;
    }
}

/*
@media only screen and (min-width: 640px) and (max-width: 1023px) {

    body:not(.home) {
        padding-top: 140px;
    }
    body.home .section-hero {
        padding-top: 140px;
    }
    #navigation_bar > nav > ul > li > a {
        padding: 14px;
    }
    #navigation_bar .menu-button {
        margin-top: 11px;
    }
    #trip {
        position: absolute;
        top: 0;
        right: 0;
    }
    #trip a {
        font-size: 16px;
        min-width: 170px;
        padding: 20px;
    }
    .menu-column #navigation_bar {
        justify-content: center;
    }
    .report-tips .tile-item:nth-last-child(2):before,
    .report-tips .tile-item:nth-child(even):after {
        display: none;
    }
}
*/