/**
 * @Date:   2018-02-08T14:43:48-05:00
 * @Email:  danny@atomicmotion.com
 * @Filename: about.css
 * @Last modified time: 2018-02-14T10:06:25-05:00
 * @Copyright: Atomic Motion
 */

/* impact */

.page-about .impact {
   padding-bottom: 80px;
   height: 950px;
   background-image: url('../images/impact-about.jpg');
}

  .page-about .impact P { max-width: 1030px; }

 .four-twenty-seven {
   position: relative;
   z-index: 2;
 }

   .four-twenty-seven img {
     display: block;
     margin: 0 auto;
     width: 90%;
     max-width: 100px;
   }

   .four-twenty-seven h2 {
     margin-top: 8px;
     font-size: 20px;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-weight: 400;
     letter-spacing: 0;
   }

     .four-twenty-seven h2 span {
       display: block;
       font-size: 14px;
       font-weight: 400;
     }

   .four-twenty-seven h3 {
     display: inline-block;
     margin: 0 10px 30px;
     padding: 10px 20px 0;
     width: 30%;
     max-width: 270px;
     height: 30px;
     font-size: 14px;
     font-family: "Roboto", Helvetica, Arial, sans-serif;
     font-weight: 700;
     text-transform: uppercase;
     border: 1px solid #fff;
     vertical-align: top;
   }

     .four-twenty-seven h3:nth-of-type(1),
     .four-twenty-seven h3:nth-of-type(3) {
       padding: 10px 15px 0;
       max-width: 150px;
     }

   .solutions {
     position: relative;
     display: block;
     margin: 40px auto;
     width: 100%;
     max-width: 460px;
     height: 21px;
     border: 1px solid #fff;
     border-bottom: none;
     z-index: 2;
   }

     .solutions span {
       position: relative;
       display: block;
       margin: -25px auto;
       width: 1px;
       height: 50px;
       background-color: #fff;
     }

     .solutions:before,
     .solutions:after,
     .solutions span:before,
     .solutions span:after,
     .dot {
       position: absolute;
       display: block;
       content: '';
       width: 10px;
       height: 10px;
       border-radius: 20px;
       background-color: #F07F0A;
     }

     .solutions:before,
     .solutions:after,
     .solutions span:after { bottom: -5px; }

     .solutions span:before { top: -5px; }

     .solutions:before,
     .solutions span:before,
     .solutions span:after { right: -5px; }

     .solutions:after  { left: -5px; }

/* impact */

/* methodology */

.methodology {
 padding-top: 50px;
 height: auto;
 min-height: 750px;
 color: #333;
 background-image: url('../images/bg-heat-health-event.jpg');
 background-position: top center;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}

 .icon-methodology {
   margin-top: 70px;
   background-position: center -700px;
 }

 .methodology .wrapper {
   display: block;
   margin: 0 auto;
   width: 90%;
   max-width: 900px;
 }

 .methodology p {
   font-size: 18px;
   line-height: 1.9;
 }

   .methodology p a:link,
   .methodology p a:visited {
     color: #5773C1;
     text-decoration: none;
   }

   .methodology p a:hover,
   .methodology p a:active {
     text-decoration: underline;
   }

   .methodology .icon--arrow--down { margin-top: 100px; }

   .methodology .icon--arrow--down svg { fill: #F07F0A; }

/* methodology */

/* climate projections */

.climate-projections {
 font-size: 0;
 text-align: center;
}

 .icon-climate-projections {
   margin: 170px auto 60px;
   width: 110px;
   height: 110px;
   background-position: center -440px;
 }

 .climate-projections .aside {
   width: 50%;
   height: auto;
   min-height: 700px;
   color: #fff;
   font-size: 18px;
   font-family: "Roboto", Helvetica, Arial, sans-serif;
   font-weight: 400;
   text-align: center;
   background: transparent url('../images/climate-projections-levels.png')top center no-repeat;
   background-color: #F07F0A;
   background-size: cover;
     -webkit-background-size: cover;
 }

   .climate-projections p {
     display: block;
     margin: 0 auto;
     width: 80%;
     max-width: 700px;
   }

 .climate-projections .aside-img {
   background: transparent url('../images/img-climate-projections.jpg') top center no-repeat;
   background-size: cover;
     -webkit-background-size: cover;
 }

/* climate projections */