.hero-img{
    background: #fff ;
    background-size: cover;
    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;
}



/* image grid*/
.category{
    padding:  1em  1em 0px 0px;
    vertical-align: 80%;
}
.category-title{
    text-align:center;
}

html {
    scroll-behavior: smooth;
  }
.image-industries{
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    max-height: 10em;
    max-width: 10em;
    width: 100%;
    margin: auto;
    display: block;
    padding: 1em;
}

.image-industries:active{
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
    max-height: 10em;
    max-width: 10em;
    width: 100%;
    margin: auto;
    display: block;
    padding: 1em;
}


.category-img, .image{
    max-height: 10em;
    max-width: 10em;
    width: 100%;
    margin: auto;
    display: block;
    padding: 1em;
    
}
.category-img,.image-industries:hover{
 border: 0.25em solid #cc3333
}

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

.reports-img{
    position: relative;
    /* float: left; */
    width:  1000px;
    height: 600px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}


.reports-img{
    position: relative;
    /* float: left; */
    width:  1000px;
    height: 600px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}
@media screen and (min-width: 768px) {
    .main-text{
        text-align: center;
        padding: 6.25em;
    }
    .hero-img{
        background:url("../imgs/hero_riskeng.png") 40vw 50% no-repeat ;
        background-size: contain;
        height: 80vh; 
    }
    .hero-text{
        padding:4rem;
    }

    /* .reports-img{
        width: 80%;
        height: auto;
    }
    .slider{
        width: 80%;
        height: auto;
    } */
    
  }

  @media screen and (max-width: 640px) {

    .reports-img{
        width: 100%;
        height: auto;
    }
  }
  

  /* carousel slides */
  .carousel{
      display: none;
  }

  #li-reports{
      display: none;
  }