.hero-img{
    background:#fff ;
    background-size: contain;
    height: 100vh; 
    width:100vw;
    display:table-cell;
    vertical-align: middle;
}
.hero{
    width:100%;
    margin: auto;
}
.hero-img .row{
    max-width: 120em;
    padding: 0px;
}
.hero-text{
    display:inline-block;
    padding:2em;
}
.main-text{
    text-align: center;
    padding: 2.25em;
}
/*slider*/

/* .slider{
    width:100%;
    max-width: 10em;
    margin: auto;
    display: block;
    padding: 1em;
  } */
.slider{
    border: 2px solid #66cccc;
    margin: .1em;
    text-align: center;
    display: block;
   
    
}
.slider:hover{
    transform: scale(1.01);
}

.pdf-container{
    width:90%;
    max-width: 90em;
    margin:auto;
}
html {
    scroll-behavior: smooth;
  }

/* image grid*/
.category{
    padding:  1em  1em 0px 0px;
    vertical-align: 80%;
}
.image{
   width:100%;
   max-width: 10em;
   margin: auto;
   display: block;
   padding: 1em;
}


.no_padding{
    padding: 0px;
}
/* risk engine link */
.risk img{
    width:100%;
    max-width: 9em;
    margin:auto;
    display: block;
}
.risk p{
margin-bottom: 0.25em;
}



/*laptop view*/
@media screen and (min-width: 768px) {
    .main-text{
        text-align: center;
        padding: 6.25em;
    }
    .hero-img{
        background:url("../imgs/hero_analytics.png") 40vw 50% no-repeat ;
        background-size: contain;
        height: 80vh; 
        width:100vw;
    }
    .hero-text{
        padding:4rem;
    }
  }
  @media screen and (max-width: 640px) {
      .mobile-hide{
          display: none
      }
      .thumbnail{
        width: 100%;
        height: auto;
      }
  }