/*========================================================================*/
/* MAIN BANNER                                                            */
/*========================================================================*/
           .homeBanner{
               background:url(/images/metamagnetics-home-banner.jpg) top center no-repeat;
               background-size:cover;
               display:inline-block;
               width:100%;
               vertical-align: middle;
               min-height:500px;
           }
           
           .homeBannerCopy{
               text-align:center;
               padding:5% 0;
               width:100%
           }
           
           .homeBanner h1{
               font-size:32px;
               color:#fff;
               font-family: 'hn-Thin','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
           }

           

            @media only screen and (min-width : 768px) {
                    .homeBannerCopy{
                        display:inline-block;
                        width:70%;
                        margin:0 auto;
                    }
                    
                
                    .homeBannerCopy h1{
                        font-size:36px;
                    }
                    
                
                
                
            }
           
           @media only screen and (min-width : 1300px) {
                    
                    
                    .homeBannerCopy{
                        width:60%;
                    }
                
                    .homeBannerCopy h1{
                        font-size:52px;
                    }
               
                   .homeBanner{
                       min-height:600px;
                   }
                    
            }


            @media only screen and (min-width : 1600px) {
                    .homeBanner{
                        background-position:50% 45%;
                        
                    }
                
            }
           
            
        /*========================================================================*/
        /* PRODUCT SPOTLIGHTS                                                     */
        /*========================================================================*/
           
                    .homeProductSpotlights {
                        text-align:center;
                        padding:5% 0 0 0;
                    }

                    .homeProductHeadline {
                        width:100%;
                        text-align:center;
                    }
           

                    .homeProductHeadline a h2{
                        color:#6e6e70;
                        font-size: 30px;
                    }

                    .homeProductSpotlightWrap {
                        text-align:center;
                        
                    }

                    .homeProductSpotlight {
                        width:100%;
                        margin:0 auto;
                        padding:0 2%;
                        display:inline-block;
                        white-space: normal;
                        padding-bottom:10%;
                        vertical-align:top;
                    }
           
                    .homeProductSpotlight:last-child{
                       padding-bottom:5%;


                    }

                    .homeProductSpotlightImg {
                        width:100%;
                        text-align:center;
                    }
           
                    .homeProductSpotlightImg img{
                        width:80%;
                        height:auto;
                        margin:0 auto;
                    }

                    .homeProductSpolightHeadline {
                        width:100%;
                        text-align:center;
                    }
                    

                    .homeProductSpolightHeadline a{
                        text-decoration:none;
                    }
                     




                    .homeProductSpolightHeadline h3{
                        width:100%;
                        text-align:center;
                        font-size:18px;
                        font-family: 'hn-Bold','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
                        color:#6d6d6f;
                        
                    }

                    .homeProductSpolightCopy {
                        font-size:18px;
                        line-height:1.6;
                        color:#6d6d6f;
                        text-align:center;
                        
                    }

                    .homeProductSpolightLink {
                        width:100%;
                        text-align:center;
                        padding-top:15px;
                    }
           
           
                    .homeProductSpolightLink a{
                        font-size:18px;
                        color:#057cc2;
                        text-decoration:none;
                        
                        
                    }

                    .homeProductSpolightLinkArrow {
                        display:inline-block;
                        vertical-align:bottom;
                        padding-left:1%;
                        color:#057cc2;
                    }

          
                     @media only screen and (min-width : 768px) {
                        .homeProductSpotlights {
                            padding:5% 0 5% 0;
                        }
                         
                         
                         
                        .homeProductSpotlight {
                            width:49%;
                            padding-bottom:0; 
                         }
                         
                         .homeProductSpotlight:last-child{
                            padding-bottom:0;
                         }

                         
                         .homeProductHeadline h2{
                            font-size: 36px;
                            
                        }
                         
                        .homeProductSpotlightWrap {
                            
                        } 
                         
                         
                         
                         
                    }
           
           
                    @media only screen and (min-width : 1100px) {
                         .homeProductSpotlight {
                            width:33%;
                         }
                         
                    }
           
           
                    @media only screen and (min-width : 1300px) {
                        .homeProductHeadline h2{
                            font-size: 48px;
                        }
                        
                        .homeProductSpotlights {
                            padding:7% 0 10% 0;
                        }
                         
                         
                    }
           
           
           
        /*========================================================================*/
        /* SERVICES HERO                                                          */
        /*========================================================================*/
                    .servicesImg{
                        margin:0;
                        padding:0;
                        
                    }
                    
                    .servicesImg img{
                        display:block;
                        
                    }
           
                   .servicesLeft{
                       display:none;

                   }
           
                    .servicesRight{
                        background:rgba(25,143,203,.8)
                    }
           
                    .servicesCopy {
                        color:#fff;
                        padding:5%;
                    }
           
                    .servicesCopy h2{
                        font-size: 8vw;
                    }


                    .servicesLinkWrap {
                        padding-top:10px
                    }
           
                    .servicesLinkWrap a{
                        color:#fff;
                        text-decoration:none;
                    }

                    .servicesLinkArrow {
                        display:inline-block;
                        color:#fff;
                        padding-left:1%;
                        vertical-align: bottom;
                    }

           
           
              @media only screen and (min-width : 768px) {
                    .servicesImg{
                        display:none;    
                    }
           
                    .servicesHeroWrap {
                        position:relative;
                        overflow:hidden;
                        display:table;
                        width:100%;
                        background:url(/images/dude.png) no-repeat center;
                        background-size: cover;
                    }
                    
           
                   .servicesHeroRow{
                       display:table-row;
                   }
           
                   .servicesLeft{
                       display:table-cell;
                       width:58%;
                       max-height:600px;
                       height:600px;
                   }

                    .servicesRight{
                        display:table-cell;
                        background:rgba(0,131,197,.9);
                        vertical-align: top;
                        
                    }
                  
                    
                    .servicesCopy {
                        width:80%;
                        color:#fff;
                        padding:11% 4% 0 4%;
                        text-align:center;
                        max-width:370px;
                        
                        
                    }
                  
                    .servicesCopy h2{
                        font-size: 4vw;
                    }
                  
                  
                  
                  
                    
                  
           }
           
                
           @media only screen and (min-width : 1100px) {
               
                    .servicesCopy h2{
                        font-size:48px;
                        
                    }
               
               
           }
           
           
       
       /*========================================================================*/
       /* FIRST ROW CTAs
       /*========================================================================*/
           .ctaWrap{
               text-align:center;
           }
           
           
           
           
           
           .homeCTAWrap{
               width:100%;
               padding:5%;
               display:inline-block;
               vertical-align:top;
           }
           
           .homeCTAImgWrap{
               padding-bottom:10px
           }
           
           .homeCTACopyWrap{
           }
           
           .homeCTACopyWrap a{
               text-decoration:none;
           }
           
           .homeCTACopyWrap h2{
               font-size: 18px;
               font-family: 'hn-Bold','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
               color:#6d6d6f;
               text-decoration:none;
           }
           
           .homeCTACatName{
               font-size:14px;
               font-family: 'hn-Bold','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
               color:#fdbf56;
               display:block;
               padding-bottom:10px;
               text-transform:uppercase;
           }
        /*========================================================================*/
        /* FIRST ROW CTA's                                                        */
        /*========================================================================*/
           
           @media only screen and (min-width : 768px) {
               
               .homeCTAOuterWrap{
                   padding:5% 2%;
               }
               
               
               
               .homeCTAWrap{
                  width:49%;
                  padding:0 2% 0 2%;
               }
               
               .homeCTACopyWrap{
                    text-align:left;
                    font-family: 'hn-Med','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
                    
               
               }
               
               
           }
           
           
           @media only screen and (min-width : 1100px) {
                        .ctaWrap{
                            white-space: nowrap;
               
                         }
               
               
                
                         .homeCTAWrap{
                            width:33.3%;
                            white-space: normal; 
                            padding-left:1%;
                            padding-right:1%;
                         }
               
                        .homeCTAWrap:first-child{
                               padding-left:0;
                               padding-right:2%;
                           }
               
                        .homeCTAWrap:last-child{
                               padding-right:0;
                               padding-left:2%;
                           }
                         
           }
           
           @media only screen and (min-width : 1300px) {
                   .homeCTAOuterWrap{
                        padding:7% 0 7% 0;
                   }
               
               
               
               
           }
           
           
        /*========================================================================*/
        /* FULL WIDTH GUTTER  CTA                                                 */
        /*========================================================================*/
           
                        .homeGutterCTA{
                            background: rgba(36,139,155,1);
                            background: -moz-linear-gradient(top, rgba(36,139,155,1) 0%, rgba(164,231,234,1) 100%);
                            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,139,155,1)), color-stop(100%, rgba(164,231,234,1)));
                            background: -webkit-linear-gradient(top, rgba(36,139,155,1) 0%, rgba(164,231,234,1) 100%);
                            background: -o-linear-gradient(top, rgba(36,139,155,1) 0%, rgba(164,231,234,1) 100%);
                            background: -ms-linear-gradient(top, rgba(36,139,155,1) 0%, rgba(164,231,234,1) 100%);
                            background: linear-gradient(to bottom, rgba(36,139,155,1) 0%, rgba(164,231,234,1) 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#248b9b', endColorstr='#a4e7ea', GradientType=0 );    
                        }

                        .homeGutterCTAWrap{}
                        
                        .homeGutterCTAWrapLeft{
                            width:100%;
                            display:block;
                            padding:5% 10% 0 10%;
                        }
           
                        .homeGutterCTAWrapRight{
                            width:100%;
                            display:block;
                            padding:5%;
                            text-align:center;
                        }
           
                        .homeGutterCTACopy a{
                            text-align:center;
                            text-decoration:none;
                        }
           
           
                        .homeGutterCTACopy a h2{
                            color:#fff;
                            margin-bottom:20px;
                            font-size:8vw;
                        }
           
           
                        .heroBtn{
                            display:inline-block;
                            margin:0 auto;
                            font-size:18px;
                            color:#fff;
                            text-decoration:none;
                            text-transform: uppercase;
                            height:38px;
                            line-height:38px;
                            padding:0 10px;
                            background:#0083c5    
                            
                        }
           
           
           @media only screen and (min-width : 768px) {
                        .homeGutterCTAWrap{
                            display: table
                            
                        }
                        
                        .homeGutterCTAWrapLeft{
                            width:50%;
                            display:table-cell;
                            text-align:right;
                            vertical-align: top;
                            padding:50px 40px 60px 0;
                        }
               
               
                        .homeGutterCTAWrapLeft img{
                            max-width:370px;
                            margin:auto 0 auto auto;
                        }
               
                        
           
                        .homeGutterCTAWrapRight{
                            width:50%;
                            display:table-cell;
                            text-align:left;
                            vertical-align: middle;
                            padding:0 10% 0 0;
                        }
           
                        .homeGutterCTACopy a{
                            text-align:left;
                        }
               
                        .homeGutterCTACopy a h2{
                            font-size: 4vw;
                        }
           
           
                        .heroBtn{
                            display:inline-block;
                            margin:0 auto;
                            color:#fff;
                            text-decoration:none;
                            text-transform: uppercase;
                            height:48px;
                            line-height:48px;
                            padding:0 20px;
                            background:#0083c5;   
                        }
               
               
                        .homeGutterCTAWrap .heroBtn{
                            margin-left:50px;
                   
                        }
               
               
             
               
           }
           
           
           @media only screen and (min-width : 1100px) {
                .homeGutterCTACopy a h2{
                            font-size:48px;
                        }
               
                 .heroBtn{
                     font-size:24px;
                        }
               
                  .homeGutterCTAWrapRight{
                           padding:0 25% 0 0;
                        }
                        
                         
           }