.browsehappy{
    margin:.2em 0;
    background:#ccc;
    color:#000;
    padding:.2em 0
}
.container{
    width:640px;
    padding:0
}
@font-face{
    font-family:'Proxima Nova';
    src:url(../fonts/proximanova-reg-webfont.eot);
    src:url(../fonts/proximanova-reg-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-reg-webfont.woff) format('woff'),url(../fonts/proximanova-reg-webfont.ttf) format('truetype'),url(../fonts/proximanova-reg-webfont.svg) format('svg')
}
@font-face{
    font-family:'Proxima Nova Thin';
    src:url(../fonts/proximanova-thin-webfont.eot);
    src:url(../fonts/proximanova-thin-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-thin-webfont.woff) format('woff'),url(../fonts/proximanova-thin-webfont.ttf) format('truetype'),url(../fonts/proximanova-thin-webfont.svg) format('svg')
}
@font-face{
    font-family:'Proxima Nova Bold';
    src:url(../fonts/proximanova-bold-webfont.eot);
    src:url(../fonts/proximanova-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-bold-webfont.woff) format('woff'),url(../fonts/proximanova-bold-webfont.ttf) format('truetype'),url(../fonts/proximanova-bold-webfont.svg) format('svg')
}
@font-face{
    font-family:'Proxima Nova SemiBold';
    src:url(../fonts/proximanova-sbold-webfont.eot);
    src:url(../fonts/proximanova-sbold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-sbold-webfont.woff) format('woff'),url(../fonts/proximanova-sbold-webfont.ttf) format('truetype'),url(../fonts/proximanova-sbold-webfont.svg) format('svg')
}
@font-face{
    font-family:'Proxima Nova XtraBold';
    src:url(../fonts/proximanova-xbold-webfont.eot);
    src:url(../fonts/proximanova-xbold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-xbold-webfont.woff) format('woff'),url(../fonts/proximanova-xbold-webfont.ttf) format('truetype'),url(../fonts/proximanova-xbold-webfont.svg) format('svg')
}
.header{
    margin:0
}
.header .logo-col{
    float:left;
    margin:34px 75px 0 36px
}
.header .logo-col .logo{
    background:url(../images/wgl-mobile-sprite.png) no-repeat;
    display:block;
    height:90px;
    width:290px
}
.header .link-col{
    float:right;
    width:226px
}
.header .link-col .navi-box-label{
    background-color:#9ad000
}
.header .link-col .visible-xs .navi-box-label{
    padding-top:20px
}
.header .link-col .visible-xs .navi-text{
    color:#fff;
    font-family:"Proxima Nova Bold";
    font-size:24px;
    height:22px;
    margin-left:45px
}
.header .link-col .visible-xs .navi-text-tall{
    color:#fff;
    font-family:"Proxima Nova Thin";
    font-size:55px;
    width:135px;
    height:70px;
    margin:0 auto
}
.header .link-col .nav-box-green a,.header .link-col .nav-box-green a:active,.header .link-col .nav-box-green a:hover{
    background-color:#90c300;
    color:#fff;
    /*display:block;*/
	display:none !important;
    font-size:18px;
    height:45px;
    line-height:44px;
    text-align:center;
    text-decoration:none;
    width:226px
}
.container .mobile-marketing{
    position:relative
}
.mobile-marketing .hero-mobile-title-white{
    color:#fff;
    font-family:"Proxima Nova Thin";
    font-size:70px;
    text-align:center
}
.mobile-marketing .hero-mobile-text-white{
    color:#fff;
    font-family:"Proxima Nova";
    font-size:24px;
    text-align:center;
    line-height:40px;
    padding:0 55px
}
.mobile-marketing .hero-mobile-title-blue{
    color:#3356b6;
    font-family:"Proxima Nova Thin";
    font-size:70px;
    text-align:center
}
.mobile-marketing .hero-mobile-text-blue{
    color:#3356b6;
    font-family:"Proxima Nova";
    font-size:24px;
    text-align:center;
    line-height:40px;
    padding:0 55px
}
.mobile-marketing .hero-mobile-bg{
    overflow:hidden
}
.mobile-marketing .hero-mobile-bg .hero-mobile-content{
    display:inline-block
}
.mobile-marketing .hero-mobile-bg{
    height:730px;
    padding-top:100px;
    width:640px
}
.mobile-marketing .hero-mobile-bg .hero-mobile-title-white{
    margin:10px 0
}
.mobile-marketing .hero-mobile-bg .hero-mobile-content-icons{
    height:50px;
    margin:0 auto;
    width:253px
}
.mobile-marketing .hero-mobile-nav{
    background:url(../images/wgl-mobile-navi-bg.png) no-repeat;
    bottom:0;
    height:138px;
    position:absolute;
    width:640px
}
.mobile-marketing .hero-mobile-nav .nav-button{
    background:url(../images/wgl-mobile-sprite.png) -97px -157px no-repeat;
    display:inline-block;
    height:43px;
    margin:36px;
    width:50px
}
.mobile-marketing .hero-mobile-nav .active{
    background:url(../images/wgl-mobile-sprite.png) 0 -157px no-repeat
}
.history-back-button,.history-back-button:active,.history-back-button:hover{
    background:url(../images/left-arrow-blue.png) 30px center no-repeat #f5f5f5;
    color:#005eb8;
    display:block;
    font-family:"Proxima Nova Thin";
    font-size:70px;
    height:150px;
    padding-top:35px;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    width:640px
}
.history-hero{
    background:url(../images/history-mobile-hero.png) no-repeat;
    height:336px;
    padding:25px;
    width:640px
}
.history-hero .history-hero-title{
    color:#fff;
    font-family:"Proxima Nova Thin";
    font-size:52px;
    line-height:54px
}
.history-hero .history-hero-text{
    color:#fff;
    font-family:"Proxima Nova Thin";
    font-size:24px;
    width:565px
}
.history-content{
    background-color:#f5f5f5!important;
    padding-top:35px
}
.history-content div{
    padding:20px 25px
}
.history-content .history-border-white{
    border-top:3px solid #fff;
    margin:0 0 20px;
    width:250px
}
.history-content .history-title-white{
    color:#fff;
    font-family:"Proxima Nova Thin";
    font-size:56px;
    margin:0
}
.history-content .history-text-white{
    color:#fff;
    font-family:"Proxima Nova";
    font-size:24px
}
.history-content .history-title-blue{
    color:#548fcc;
    font-family:"Proxima Nova Thin";
    font-size:40px;
    margin:0
}
.history-content .history-text-gray{
    color:#363636;
    font-family:"Proxima Nova";
    font-size:16px
}
.history-content .history-border-gray{
    margin:0 0 10px;
    border-top:2px solid #999;
    width:175px
}
.history-content .right-upper-timeblock ul li{
    color:#363636;
    font-family:"Proxima Nova";
    font-size:16px;
    margin-bottom:14px
}
.history-content h1{
    color:#548fcc;
    font-family:"Proxima Nova Thin";
    font-size:56px;
    text-align:center;
    margin:0 0 80px
}
.history-content .history-spacer{
    background:url(../images/history-timeline-gray-dot.png) center center no-repeat;
    height:50px;
    width:640px
}
.history-upper{
    background:url(../images/history-timeline-with-dot.png) center 80px no-repeat
}
.history-upper .left-upper-timeblock{
    background:url(../images/history-mobile-bg-one.png) no-repeat;
    height:324px;
    width:640px
}
.history-upper .right-upper-timeblock{
    background:url(../images/mobile-dummy-video.png) no-repeat #fff;
    height:auto;
    padding-top:385px;
    width:640px
}
.history-upper .left-middle-timeblock{
    background:url(../images/history-mobile-solar-power.png) no-repeat #fff;
    height:auto;
    padding-top:300px;
    width:640px
}
.history-upper .right-lower-timeblock{
    background:url(../images/history-mobile-growth-div.png) no-repeat #fff;
    height:auto;
    padding-top:380px;
    width:640px
}
.history-upper .left-lower-timeblock{
    background:url(../images/history-mobile-counting.png) no-repeat;
    height:246px;
    width:640px
}
.history-middle{
    background:url(../images/history-timeline-with-dot.png) center 80px no-repeat
}
.history-middle .left-upper-timeblock{
    background:url(../images/history-mobile-begin.png) no-repeat;
    height:305px;
    width:640px
}
.history-middle .right-upper-timeblock{
    background:url(../images/history-mobile-capital.png) no-repeat #fff;
    height:auto;
    padding-top:455px;
    width:640px
}
.history-middle .left-middle-timeblock{
    background:url(../images/history-mobile-growing.png) no-repeat #fff;
    height:auto;
    padding-top:255px;
    width:640px
}
.history-middle .left-lower-timeblock{
    background:url(../images/history-mobile-going-public.png) no-repeat;
    height:240px;
    width:640px
}
.history-middle .right-lower-timeblock{
    background:url(../images/history-mobile-birth.png) no-repeat #fff;
    height:auto;
    padding-top:260px;
    width:640px
}
.history-lower{
    background:url(../images/history-timeline-no-dot.png) center 90px no-repeat
}
.history-lower .left-upper-timeblock{
    background:url(../images/history-mobile-future.png) no-repeat;
    height:300px;
    margin-bottom:30px;
    width:640px
}
.history-lower .right-upper-timeblock{
    background-color:#fff;
    height:auto;
    width:640px
}
.history-lower .left-lower-timeblock{
    background:url(../images/history-mobile-clean.png) no-repeat #fff;
    height:auto;
    padding-top:445px;
    width:640px
}
.contact .contact-back-button,.contact .contact-back-button:active,.contact .contact-back-button:hover{
    background-color:#f5f5f5;
    border-bottom:1px solid #c6c6c6;
    font-family:"Proxima Nova Thin";
    font-size:70px;
    height:150px;
    text-align:center;
    text-decoration:none;
    padding-top:35px;
    width:640px
}
.contact .contact-back-button i{
    background:url(../images/wgl-mobile-sprite.png) 0 -674px no-repeat;
    display:block;
    float:left;
    height:37px;
    margin:20px 0 20px 22px;
    width:46px
}
.contact #wgl-dot-com .logo{
    background:url(../images/wgl-mobile-sprite.png) no-repeat;
    display:block;
    height:88px;
    float:left;
    margin-left:20px;
    width:300px
}
.contact #washgas .logo{
    background:url(../images/wgl-mobile-sprite.png) 0 -462px no-repeat;
    display:block;
    float:left;
    height:88px;
    margin-left:20px;
    width:300px
}
.contact #wgl-energy .logo{
    background:url(../images/wgl-mobile-sprite.png) 0 -379px no-repeat;
    display:block;
    float:left;
    height:88px;
    margin-left:20px;
    width:300px
}
.contact #wgl-midstream .logo{
    background:url(../images/wgl-mobile-sprite.png) 0 -292px no-repeat;
    display:block;
    float:left;
    height:88px;
    margin-left:20px;
    width:300px
}
.contact #hampshire-gas .logo{
    background:url(../images/wgl-mobile-sprite.png) 0 -200px no-repeat;
    display:block;
    float:left;
    height:88px;
    margin-left:20px;
    width:300px
}
.contact .group .group-title{
    background-color:#f5f5f5;
    border-bottom:1px solid #c6c6c6;
    cursor:pointer;
    height:120px;
    padding-top:15px
}
.contact .group .group-arrow-close{
    background:url(../images/wgl-mobile-sprite.png) -62px -674px no-repeat;
    height:13px;
    float:right;
    margin:35px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    width:27px
}
.contact .group .group-arrow-open{
    background:url(../images/wgl-mobile-sprite.png) -62px -698px no-repeat;
    height:13px;
    float:right;
    margin:35px;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    width:27px
}
.contact .group .sub-group .sub-group-title{
    background-color:#fff;
    border-top:1px solid #e0e0e0;
    color:#3356b6;
    display:none;
    font-size:24px;
    font-family:"Proxima Nova SemiBold";
    line-height:96px;
    padding-left:60px
}
.contact .group .sub-group-info{
    color:#575757;
    display:none;
    font-family:"Proxima Nova";
    font-size:24px;
    margin:40px 0;
    padding-left:60px
}
.contact .group .sub-group-info-phone{
    background-color:#9ad000;
    color:#fff;
    display:none;
    font-family:"Proxima Nova SemiBold";
    font-size:24px;
    margin-bottom:40px;
    margin-left:56px;
    padding:10px;
    width:250px
}
.contact .group .sub-group .sub-group-title .sub-group-green-plus{
    background:url(../images/wgl-mobile-sprite.png) -97px -670px no-repeat;
    height:17px;
    float:right;
    margin:35px;
    width:27px
}
.contact .group .sub-group .sub-group-title .sub-group-green-x{
    background:url(../images/wgl-mobile-sprite.png) -97px -697px no-repeat;
    height:17px;
    float:right;
    margin:35px;
    width:27px
}
.container .blue-button,.container .blue-button:active,.container .blue-button:focus,.container .blue-button:hover{
    background-color:#0c60b6;
    color:#fff;
    display:inline-block;
    font-family:"Proxima Nova SemiBold";
    font-size:24px;
    padding:20px 40px;
    text-decoration:none
}
.container .account-hero .blue-button{
    margin-right:10px
}
.account-hero{
    background:url(../images/account-mobile-hero.png) no-repeat;
    height:531px;
    padding:50px
}
.account-hero .account-hero-content .washgas-logo{
    background:url(../images/wgl-mobile-sprite.png) 0 -467px no-repeat;
    height:81px;
    margin-bottom:30px
}
.account-hero .medium-blue-text{
    color:#0c60b6;
    font-family:"Proxima Nova";
    font-size:28px;
    margin-bottom:20px
}
.container .small-gray-text{
    color:#353535;
    font-family:"Proxima Nova";
    font-size:24px;
    margin-bottom:60px
}
.account-modules h3{
    color:#0c60b6;
    font-family:"Proxima Nova SemiBold";
    font-size:24px
}
.account-modules div{
    padding:50px
}
.account-media .account-caption{
    background-color:#383838;
    height:475px;
    padding:80px 40px
}
.account-media .small-title-text{
    color:#fff;
    font-family:"Proxima Nova SemiBold";
    font-size:24px
}
.account-media .small-lightgray-text{
    color:#f8f8f8;
    font-size:24px
}
.account-media .small-date-text{
    color:#767474;
    font-size:24px
}
.lower-marketing{
    height:440px;
    padding:20px
}
.lower-marketing .company{
    float:left;
    height:200px;
    padding:55px 0 0 30px;
	margin: 0px 40px 0px 60px;
    width:300px
}
.lower-marketing .company a{
    display:block;
    height:79px;
    margin-bottom:20px;
    width:239px
}
.lower-marketing .wash-gas,.lower-marketing .wgl-energy{
    border-bottom:1px solid #ddd
}
.lower-marketing .hampshire-gas,.lower-marketing .wgl-energy{
    border-left:1px solid #ddd
}
.lower-marketing .wash-gas a{
    background:url(../images/wgl-mobile-sprite.png) 0 -468px no-repeat
}
.lower-marketing .wgl-energy a{
    background:url(../images/wgl-mobile-sprite.png) 0 -383px no-repeat
}
/*.lower-marketing .wgl-midstream a{
    background:url(../images/wgl-mobile-sprite.png) 0 -296px no-repeat
}*/
.lower-marketing .hampshire-gas a{
    background:url(../images/wgl-mobile-sprite.png) 0 -210px no-repeat
}
.yellow-border{
    background-color:#fac335;
    height:5px;
    margin:0;
    width:640px
}
.footer{
    background-color:#333;
    color:#fff;
    height:auto;
    padding:20px
}
.footer .footer-middle{
    border-bottom:1px solid #fac335;
    height:auto;
    margin-bottom:40px
}
.footer .footer-left .yellow-title-text,.footer .footer-middle .yellow-title-text,.footer .footer-right .yellow-title-text{
    color:#fac335;
    font-family:"Proxima Nova Bold";
    font-size:24px;
    font-weight:400;
    margin-bottom:15px;
    width:640px
}
.footer .footer-middle a,.footer .footer-right a{
    display:block;
    font-size:24px
}
.footer .footer-middle small,.footer .footer-right small{
    font-family:"Proxima Nova Thin";
    font-size:24px
}
.footer-about{
    padding:20px
}
.footer-about .footer-about-title{
    color:#0c60b6;
    font-size:24px;
    font-weight:700
}
.footer-about .footer-about-content{
    height:155px
}
.footer-about .footer-about-content p{
    color:#6e6e6e;
    font-family:"Proxima Nova";
    font-size:24px;
    line-height:32px
}
.footer-about .footer-about-content .footer-about-content-left{
    float:left;
    width:700px
}
.footer-about .footer-about-content .footer-about-content-right{
    float:left;
    margin-top:14px;
    width:250px
}
.footer-about .footer-about-content .footer-about-content-right .twitter-link{
    background:url(../images/wgl-desk-sprite.png) 0 -655px no-repeat;
    display:inline-block;
    height:30px;
    width:29px
}
.footer-about .footer-about-content .footer-about-content-right .linkedin-link{
    background:url(../images/wgl-desk-sprite.png) -33px -655px no-repeat;
    display:inline-block;
    height:30px;
    width:29px
}
.footer-menu{
    background-color:#fcfcfc;
    height:233px;
    padding:20px
}
.footer-menu a,.footer-menu a:active,.footer-menu a:hover{
    color:#005eb8;
    cursor:pointer;
    display:block;
    font-family:"Proxima Nova SemiBold";
    font-size:24px;
    float:left;
    height:96px;
    text-align:center;
    text-decoration:none;
    padding-top:35px;
    width:200px
}
.footer-menu .first-row{
    border-bottom:1px solid #eee
}
.footer-menu .second-row{
    border-right:1px solid #eee
}
.footer-menu .middle-cell{
    border-left:1px solid #eee;
    border-right:1px solid #eee
}
@media screen and (min-width:768px){
    .browsehappy{
        margin:.2em 0;
        background:#ccc;
        color:#000;
        padding:.2em 0
    }
    body{
        padding-bottom:20px
    }
    .container{
        width:1138px
    }
    .landing{
        background:url(../images/hero-desk-1.png) no-repeat
    }
    @font-face{
        font-family:'Proxima Nova';
        src:url(../fonts/proximanova-reg-webfont.eot);
        src:url(../fonts/proximanova-reg-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-reg-webfont.woff) format('woff'),url(../fonts/proximanova-reg-webfont.ttf) format('truetype'),url(../fonts/proximanova-reg-webfont.svg) format('svg')
    }
    @font-face{
        font-family:'Proxima Nova Thin';
        src:url(../fonts/proximanova-thin-webfont.eot);
        src:url(../fonts/proximanova-thin-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-thin-webfont.woff) format('woff'),url(../fonts/proximanova-thin-webfont.ttf) format('truetype'),url(../fonts/proximanova-thin-webfont.svg) format('svg')
    }
    @font-face{
        font-family:'Proxima Nova Bold';
        src:url(../fonts/proximanova-bold-webfont.eot);
        src:url(../fonts/proximanova-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-bold-webfont.woff) format('woff'),url(../fonts/proximanova-bold-webfont.ttf) format('truetype'),url(../fonts/proximanova-bold-webfont.svg) format('svg')
    }
    @font-face{
        font-family:'Proxima Nova SemiBold';
        src:url(../fonts/proximanova-sbold-webfont.eot);
        src:url(../fonts/proximanova-sbold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-sbold-webfont.woff) format('woff'),url(../fonts/proximanova-sbold-webfont.ttf) format('truetype'),url(../fonts/proximanova-sbold-webfont.svg) format('svg')
    }
    @font-face{
        font-family:'Proxima Nova XtraBold';
        src:url(../fonts/proximanova-xbold-webfont.eot);
        src:url(../fonts/proximanova-xbold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-xbold-webfont.woff) format('woff'),url(../fonts/proximanova-xbold-webfont.ttf) format('truetype'),url(../fonts/proximanova-xbold-webfont.svg) format('svg')
    }
    .header{
        margin-bottom:47px;
        width:1132px
    }
    .header .logo-col{
        float:left;
        margin-left:100px;
        margin-top:0;
        width:570px
    }
    .header .link-col{
        float:left;
        width:280px
    }
    .header h3{
        margin-top:0;
        margin-bottom:0;
        line-height:40px;
        padding-bottom:19px
    }
    .header .logo{
        background:url(../images/desk-logo.png) center center no-repeat;
        display:block;
        height:86px;
        margin-top:40px;
        width:282px
    }
    .header .navi-box-green{
        background-color:#99d425;
        border-right:1px solid #fff;
        float:left;
		display:none !important;
        width:107px
    }
    .header .navi-box-blue{
       /* background-color:#548fcc;*/
		background-color:#000;
        /*display:block;*/
        float:left;
		display:none !important;
        height:63px;
        width:190px
    }
    .header .navi-box-blue:hover{
        background-color:#0c60b6
    }
    .header .navi-box-blue .navi-text{
        margin:28px 0 0 15px
    }
    .header .navi-box-blue:active,.header .navi-box-blue:hover{
        text-decoration:none
    }
    .header .navi{
        margin-top:10px;
        padding-left:30px
    }
    .header .navi li{
        display:inline;
        margin-left:10px
    }
    .header .link-col .navi li a{
        border-radius:0;
        font-family:"Proxima Nova SemiBold";
        font-size:14px
    }
    .header .link-col .navi li a.active,.header .link-col .navi li a:hover{
        border-bottom:2px solid #999;
        color:#999;
        text-decoration:none
    }
    .header .navi-text{
        color:#fff;
        font-family:"Proxima Nova Bold";
        font-size:12px;
        line-height:11px;
        margin-bottom:0
    }
    .header .navi-box-label{

        margin:10px 0 0 15px
    }
    .header .navi-text-tall{
        color:#fff;
        font-family:"Proxima Nova Thin";
        font-size:30px;
        margin-bottom:0
    }
    .hero-navi{
        margin-left:88px;
        width:1138px
    }
    .hero-navi .spacer{
        width:88px
    }
    .hero-navi a,.hero-navi a:active{
        color:#fff;
        font-family:"Proxima Nova Bold";
        font-size:12px;
        text-decoration:none
    }
    .hero-navi .active,.hero-navi a:hover{
        background-color:#0c60b6
    }
    .hero-navi a{
        background-color:#4887c8;
        border-right:1px solid #fff;
        display:inline-block;
        height:60px;
        list-style:none;
        margin-right:-4px;
        padding:20px 0 5px 10px;
        width:192px
    }
    .hero-navi a:last-child{
        border-right:none
    }
    .marketing{
        height:588px;
        width:1132px
    }
    .hero-content{
        height:100%;
        text-align:center;
        padding-top:100px;
        width:100%
    }
    .hero-content .hero-desk-title{
        font-family:"Proxima Nova Thin";
        font-size:48px;
        margin:0 0 20px
    }
    .hero-content .hero-desk-text{
        font-family:"Proxima Nova";
        font-size:16px;
        line-height:30px
    }
    .hero-content p{
        line-height:30px;
        margin:0 auto;
        width:700px
    }
    .hero-desk-bg .hero-desk-bg-image{
        display:none
    }
    .hero-desk-bg .hero-content-major-row{
        height:315px
    }
    .hero-desk-bg .hero-content-minor-row{
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-box-direction:normal;
        -webkit-box-orient:horizontal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        -webkit-align-content:stretch;
        -ms-flex-line-pack:stretch;
        align-content:stretch;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start;
        height:165px;
        margin-left:103px;
        padding:20px;
        width:960px
    }
    .hero-content-minor-row .hero-content-minor{
        -webkit-box-ordinal-group:1;
        -webkit-order:0;
        -ms-flex-order:0;
        order:0;
        -webkit-box-flex:0;
        -webkit-flex:0 1 65%;
        -ms-flex:0 1 65%;
        flex:0 1 65%;
        -webkit-align-self:auto;
        -ms-flex-item-align:auto;
        align-self:auto;
        text-align:center
    }
    .hero-content-minor-row .hero-content-minor-image{
        float:left;
        margin-right:10px;
        width:inherit
    }
    .hero-content-minor-row img{
        -webkit-box-ordinal-group:1;
        -webkit-order:0;
        -ms-flex-order:0;
        order:0;
        -webkit-box-flex:0;
        -webkit-flex:0 1 35%;
        -ms-flex:0 1 35%;
        flex:0 1 35%;
        -webkit-align-self:auto;
        -ms-flex-item-align:auto;
        align-self:auto
    }
    .hero-content-minor-row .hero-desk-small-text{
        font-size:12px
    }
    .hero-desk-small-title{
        color:#fff;
        font-family:"Proxima Nova SemiBold";
        font-size:19px;
        margin:0
    }
    .hero-desk-small-text{
        color:#fff;
        font-family:"Proxima Nova";
        font-size:14px
    }
    .hero-desk-bg .hero-content .hero-desk-icons{
        margin-bottom:20px
    }
    .hero-desk-bg .hero-desk-med-text,.hero-desk-bg .hero-desk-title{
        color:#fff;
        font-family:"Proxima Nova Thin";
        font-size:48px
    }
    .hero-desk-bg-flowers .hero-content .hero-desk-title{
        margin:45px 0 30px
    }
    .hero-desk-bg .hero-desk-text{
        color:#fff;
        font-family:"Proxima Nova";
        font-size:16px
    }
    .hero-desk-bg-livingroom .hero-content-center{
        margin:0 auto;
        padding:90px 20px 0 50px;
        text-align:center;
        width:900px
    }
    .hero-desk-bg-livingroom .hero-content-minor-row .hero-desk-small-title{
        margin-bottom:10px
    }
    .hero-desk-bg-livingroom .hero-content-major-row .hero-content-left .hero-desk-text{
        line-height:28px;
        width:325px
    }
    .hero-desk-bg a,.hero-desk-bg a:active,.hero-desk-bg a:focus{
        background:url(../images/arrow-right.png) center right no-repeat;
        color:#fff;
        font-size:12px;
        font-weight:700;
        padding-right:20px;
        text-decoration:none
    }
    .hero-desk-bg a:hover{
        color:#8e8e8e
    }
    .hero-content-major-row .hero-content-center{
        text-align:center;
        margin:0 auto;
        padding-top:50px;
        width:700px
    }
    .hero-desk-bg-solar .hero-content-major-row .hero-desk-text{
        line-height:30px
    }
    .hero-desk-bg .hero-content-minor-row .content-minor{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        padding:30px;
        width:50%
    }
    .history-hero{
        background:url(../images/history-hero.png) no-repeat;
        height:336px;
        padding:80px 0 0 80px;
        width:1132px
    }
    .history-content .history-title-white{
        color:#fff;
        font-family:"Proxima Nova Thin";
        font-size:38px;
        margin:0
    }
    .history-content .history-text-white{
        color:#fff;
        font-family:"Proxima Nova";
        font-size:16px
    }
    .history-content .history-title-blue{
        color:#548fcc;
        font-family:"Proxima Nova Thin";
        font-size:40px;
        margin:0
    }
    .history-content .history-text-gray{
        color:#363636;
        font-family:"Proxima Nova";
        font-size:16px
    }
    .history-content .history-border-gray{
        margin:0 0 10px;
        border-top:2px solid #999;
        width:175px
    }
    .history-content h1{
        color:#548fcc;
        font-family:"Proxima Nova Thin";
        font-size:40px;
        text-align:center;
        margin:0
    }
    .history-content .history-border-white{
        border-top:2px solid #fff;
        margin:0 0 20px;
        width:175px
    }
    .history-hero .history-hero-title{
        color:#0c60b6;
        font-family:"Proxima Nova";
        font-size:20px
    }
    .history-hero .history-hero-text{
        color:#353535;
        font-family:"Proxima Nova";
        font-size:16px;
        width:500px
    }
    .history-content{
        padding-top:0
    }
    .history-upper{
        background:url(../images/history-upper-bg.png) center 65px no-repeat #f5f5f5;
        height:1230px;
        padding-top:25px;
        position:relative;
        width:1132px
    }
    .history-upper .left-upper-timeblock{
        background:url(../images/alt-energy-bg.png) no-repeat;
        height:231px;
        left:90px;
        position:absolute;
        top:90px;
        width:460px
    }
    .history-upper .right-upper-timeblock{
        background:url(../images/coo.png) no-repeat #fff;
        height:460px;
        left:590px;
        padding-top:275px;
        position:absolute;
        top:180px;
        width:450px
    }
    .history-upper .left-middle-timeblock{
        background:url(../images/upper-left-middle-timeblock.png) no-repeat #fff;
        height:400px;
        left:68px;
        padding-top:215px;
        position:absolute;
        top:365px;
        width:460px
    }
    .history-upper .right-lower-timeblock{
        background:url(../images/upper-right-lower-timeblock.png) no-repeat #fff;
        height:445px;
        left:585px;
        padding-top:275px;
        position:absolute;
        top:660px;
        width:460px
    }
    .history-upper .left-lower-timeblock{
        background:url(../images/upper-left-lower-timeblock.png) no-repeat #fff;
        height:195px;
        left:90px;
        position:absolute;
        top:780px;
        width:460px
    }
    .history-middle{
        background:url(../images/history-middle-bg.png) center 40px no-repeat #f5f5f5;
        height:1150px;
        position:relative;
        width:1132px
    }
    .history-middle .left-upper-timeblock{
        background:url(../images/middle-left-upper-timeblock.png) no-repeat;
        height:231px;
        left:80px;
        position:absolute;
        top:60px;
        width:460px
    }
    .history-middle .right-upper-timeblock{
        background:url(../images/middle-right-upper-timeblock.png) no-repeat #fff;
        height:490px;
        left:590px;
        padding-top:315px;
        position:absolute;
        top:150px;
        width:460px
    }
    .history-middle .left-middle-timeblock{
        background:url(../images/middle-left-middle-timeblock.png) no-repeat #fff;
        height:355px;
        left:95px;
        padding-top:180px;
        position:absolute;
        top:330px;
        width:460px
    }
    .history-middle .left-lower-timeblock{
        background:url(../images/middle-left-lower-timeblock.png) no-repeat;
        height:187px;
        left:95px;
        position:absolute;
        top:715px;
        width:460px
    }
    .history-middle .right-lower-timeblock{
        background:url(../images/middle-right-lower-timeblock.png) no-repeat #fff;
        height:360px;
        left:590px;
        padding-top:185px;
        position:absolute;
        width:460px;
        top:735px
    }
    .history-lower{
        background:url(../images/history-lower-bg.png) center 40px no-repeat #f5f5f5;
        height:900px;
        position:relative;
        width:1132px
    }
    .history-lower .left-upper-timeblock{
        background:url(../images/lower-left-upper-timeblock.png) no-repeat;
        height:230px;
        left:45px;
        position:absolute;
        top:70px;
        width:460px
    }
    .history-lower .left-lower-timeblock{
        background:url(../images/lower-left-lower-timeblock.png) no-repeat #fff;
        height:490px;
        left:45px;
        padding-top:320px;
        position:absolute;
        top:350px;
        width:460px
    }
    .history-lower .right-upper-timeblock{
        background:#fff;
        height:630px;
        left:630px;
        padding:0 20px;
        position:absolute;
        top:70px;
        width:460px
    }
    .history-lower .right-upper-timeblock iframe{
        margin-left:-20px;
        padding:0
    }
    .contact .content-wrapper{
        background-color:#f5f5f5
    }
    .contact .light-blue-border{
        border-top:4px solid #d8e6f3;
        margin:0 auto;
        width:927px
    }
    .contact .content{
        margin:0 auto;
        background-color:#f5f5f5;
        width:927px
    }
    .contact .group{
        display:block;
        position:relative
    }
    .contact .group #wgl-dot-com{
        background:url(../images/wgl-desk-sprite.png) 0 -366px no-repeat;
        height:150px;
        width:200px
    }
    .contact .group-contact{
        height:300px
    }
    .contact .group-contact .group-contact-left{
        float:left;
        height:250px;
        padding-top:25px;
        width:625px
    }
    .contact .group-contact .group-contact-left a,.contact .group-contact .group-contact-left a:active,.contact .group-contact .group-contact-left a:hover,.group-terms .group-contact-left a,.group-terms .group-contact-left a:active,.group-terms .group-contact-left a:hover{
        background:url(../images/wgl-desk-sprite.png) -190px -444px no-repeat;
        margin-top:10px;
        padding-left:30px
    }
    .contact .group-contact .group-contact-left h1{
        color:#0c60b6;
        font-family:"Proxima Nova Thin";
        font-size:48px;
        margin:60px 30px 20px
    }
    .contact .group-contact .group-contact-left p{
        color:#313131;
        font-family:"Proxima Nova";
        font-size:18px;
        margin-left:30px;
        width:500px
    }
    .contact .group-contact .group-contact-right{
        float:right;
        height:247px;
        width:297px
    }
    .contact .group .sub-group{
        display:block;
        padding:0
    }
    .contact .group .sub-group .sub-group-title{
        background-color:#f5f5f5;
        border:none;
        color:#0c60b6;
        display:block;
        font-family:"Proxima Nova SemiBold";
        font-size:14px;
        line-height:1.42857143;
        margin:0;
        padding:0
    }
    .contact .group .sub-group-info{
        color:#313131;
        display:block;
        font-family:"Proxima Nova";
        font-size:14px;
        margin:0 0 10px;
        padding:0
    }
    .contact .group .sub-group-info .sub-group-info-phone{
        background-color:#f5f5f5;
        color:#575757;
        font-family:"Proxima Nova"
    }
    .contact #wgl-dot-com{
        height:375px
    }
    .contact #wgl-dot-com .sub-group{
        float:left;
        height:115px;
        margin-left:35px;
        width:269px
    }
    .contact #wgl-dot-com .group-title .logo{
        background:url(../images/wgl-desk-sprite.png) 0 -371px no-repeat;
        height:65px;
        margin-bottom:10px;
        margin-left:0
    }
    .contact .group .group-title{
        border-bottom:1px solid #c7c7c7;
        cursor:default;
        height:60px;
        margin-bottom:25px;
        padding:0
    }
    .contact #washgas{
        height:640px
    }
    .contact #washgas .sub-group{
        position:absolute;
        width:257px
    }
    .contact #washgas .group-title .logo{
        background:url(../images/wgl-desk-sprite.png) 0 -439px no-repeat;
        height:43px;
        margin-bottom:10px;
        margin-left:0;
        width:140px
    }
    .contact #wgl-energy{
        height:330px
    }
    .contact #wgl-energy .sub-group{
        float:left;
        margin-left:32px;
        width:275px
    }
    .contact #wgl-energy .group-title .logo{
        background:url(../images/wgl-desk-sprite.png) 0 -490px no-repeat;
        height:45px;
        margin-bottom:20px;
        margin-left:0;
        width:105px
    }
    .contact #wgl-midstream{
        height:250px
    }
    .contact #wgl-midstream .group-title .logo{
        background:url(../images/wgl-desk-sprite.png) 0 -544px no-repeat;
        height:48px;
        margin-bottom:20px;
        margin-left:0;
        width:133px
    }
    .contact #wgl-midstream .sub-group{
        margin-left:30px
    }
    .contact #hampshire-gas{
        height:300px
    }
    .contact #hampshire-gas .sub-group{
        float:left;
        margin-left:30px;
        margin-right:35px;
        width:253px
    }
    .contact #hampshire-gas .group-title .logo{
        background:url(../images/wgl-desk-sprite.png) 0 -601px no-repeat;
        height:46px;
        margin-bottom:30px;
        margin-left:0;
        width:130px
    }
    .account-hero{
        background:url(../images/account-hero-bg.png) no-repeat;
        height:336px;
        padding:0
    }
    .account-hero .medium-blue-text{
        color:#0c60b6;
        font-family:"Proxima Nova";
        font-size:20px
    }
    .container .blue-border{
        border-top:4px solid #0c60b6;
        margin:0 0 0 75px;
        width:955px
    }
    .container .small-gray-text{
        color:#353535;
        font-family:"Proxima Nova";
        font-size:16px;
        margin-bottom:20px
    }
    .account-hero .account-hero-content{
        background-color:rgba(255,253,253,.5);
        height:100%;
        margin-left:75px;
        padding:30px;
        width:410px
    }
    .account-hero .account-hero-content .washgas-logo{
        background:url(../images/wgl-mobile-sprite.png) 0 -467px no-repeat;
        height:81px;
        margin-bottom:20px
    }
    .account-modules{
        height:375px
    }
    .account-modules div{
        float:left;
        padding:60px 40px 60px 90px;
        width:560px
    }
    .account-modules h3{
        color:#0c60b6;
        font-family:"Proxima Nova Thin";
        font-size:30px
    }
    .account-media{
        background-color:#383838;
        height:270px;
        padding-left:75px
    }
    .account-media div{
        border-bottom:5px solid #999;
        float:left;
        height:100%;
        width:485px
    }
    .account-media .account-caption{
        padding:20px;
        height:inherit
    }
    .account-media .small-title-text{
        color:#fff;
        font-family:"Proxima Nova Bold";
        font-size:13px
    }
    .account-media .small-lightgray-text{
        color:#f8f8f8;
        font-size:15px
    }
    .account-media .small-date-text{
        color:#767474;
        font-size:13px
    }
    .container .group-header{
        color:#313131;
        font-family:"Proxima Nova Bold";
        font-size:18px;
        margin:0 0 10px 40px
    }
    .container .group-terms{
        padding-top:15px
    }
    .container .group-terms h1{
        color:#0c60b6;
        font-family:"Proxima Nova Thin";
        font-size:48px;
        margin:60px 30px 20px
    }
    .container .group-text{
        color:#313131;
        font-family:"Proxima Nova";
        font-size:18px;
        margin:0 0 10px 40px;
        width:700px
    }
    .container .blue-button,.container .blue-button:active,.container .blue-button:focus,.container .blue-button:hover{
        background-color:#0c60b6;
        color:#fff;
        display:inline-block;
        font-family:"Proxima Nova SemiBold";
        font-size:16px;
        padding:10px 20px;
        text-decoration:none
    }
    .lower-marketing{
        height:250px;
        margin:20px 0 0 60px;
        padding:10px;
        width:1138px
    }
    .lower-marketing .company{
        float:left;
        height:200px;
        padding:20px;
        width:245px
    }
    .lower-marketing .company a{
        display:block;
        height:60px;
        margin-bottom:20px;
        width:200px
    }
    .lower-marketing .company p{
        font-family:"Proxima Nova";
        font-size:12px
    }
    .lower-marketing .hampshire-gas,.lower-marketing .wash-gas,.lower-marketing .wgl-energy{
        border:none
    }
    .lower-marketing .wash-gas a{
        background:url(../images/wgl-desk-sprite.png) 0 -77px no-repeat
    }
    .lower-marketing .wgl-energy a{
        background:url(../images/wgl-desk-sprite.png) 0 -150px no-repeat
    }
   /* .lower-marketing .wgl-midstream a{
        background:url(../images/wgl-desk-sprite.png) 0 -225px no-repeat
    }*/
    .lower-marketing .hampshire-gas a{
        background:url(../images/wgl-desk-sprite.png) 0 -299px no-repeat
    }
    .yellow-border{
        background-color:#fac335;
        height:5px;
        margin:auto 44px;
        width:993px
    }
    .footer{
        background-color:#333;
        color:#fff;
        height:390px;
        margin-left:-15px;
        padding:0 0 0 60px;
        width:1138px
    }
    .footer .footer-left p,.footer .footer-middle a,.footer .footer-middle p,.footer .footer-right a,.footer .footer-right p{
        font-family:"Proxima Nova SemiBold";
        font-size:14px;
        margin:10px 0
    }
    .footer .footer-middle a,.footer .footer-middle small,.footer .footer-right a,.footer .footer-right small{
        display:block
    }
    .footer .footer-right p{
        width:248px
    }
    .footer .footer-left small,.footer .footer-middle small,.footer .footer-right small{
        font-family:"Proxima Nova";
        font-size:12px;
        margin-bottom:5px
    }
    .footer .footer-left .yellow-title-text,.footer .footer-middle .yellow-title-text,.footer .footer-right .yellow-title-text{
        color:#fac335;
        font-family:"Proxima Nova XtraBold";
        font-size:12px;
        font-weight:400;
        margin:15px 0;
        width:100%
    }
    .footer div{
        float:left;
        height:100%;
        padding-left:20px;
        padding-top:15px
    }
    .footer .footer-left{
        border-left:1px solid #fac335;
		display:none !important;
        width:454px
    }
    .footer .footer-middle{
        border-left:1px solid #fac335;
        width:46%;
        border-bottom:none;
        height:100%;
        margin-bottom:0
    }
    .footer .footer-right{
        border-left:1px solid #fac335;
        border-right:1px solid #fac335;
        width:46%
    }
    .footer-about{
        background:url(../images/yellow-rings.png) bottom right no-repeat;
        height:230px;
        font-family:"Proxima Nova SemiBold";
        padding:30px 100px 0 60px;
        width:1123px
    }
    .footer-about .footer-about-title{
        color:#0c60b6;
        font-size:12px;
        font-weight:700
    }
    .footer-about .footer-about-content p{
        color:#333;
        font-family:"Proxima Nova";
        font-size:14px;
        line-height:24px;
        margin:14px 0 44px;
        width:660px
    }
    .footer-about .footer-about-content p strong{
        font-family:"Proxima Nova SemiBold"
    }
    .footer-about .footer-links .footer-links-copyright{
        font-family:"Proxima Nova";
        font-size:12px
    }
    .footer-about .footer-links ul{
        float:right
    }
    .footer-about .footer-links ul li{
        border-right:1px solid #0c60b6;
        display:inline;
        list-style:none;
        padding:0 5px
    }
    .footer-about .footer-links ul li:last-child{
        border-right:none
    }
    .footer-about .footer-links ul li a,.footer-about .footer-links ul li a:focus{
        color:#548fcc;
        text-decoration:none
    }
    .footer-about .footer-links ul li a:hover{
        color:#8e8e8e;
        text-decoration:none
    }
}