.row>* {

    padding-right: 0px !important;
    padding-left: 0px !important;
    
    }
      .hero-img{
        height: 700px;
        width: 100%;
        
      }
      .hero-img img{
        margin-top:85px;
        height: 100%;
        width: 100%;
      }
      .details{
        margin-top:100px;
        border-bottom: 35px solid #0d1523;
        margin-bottom: 30px;
      }
      .site-details{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
      }
     
      .desc-img img{
        height: 100%;
        width: 100%;
      }
      .title{
        font-size: 45px;
        font-weight: bolder;
      }
      .intro{
        font-size: 20px;
        font-weight: bolder;
        font-family: serif;
        margin:8px ;
      }
     
      .top-discipline{
        margin:20px
      }

.buttons .store {
    width: 250px;
    height: 50px;
    border-radius: 30px;
    background: rgba(254, 152, 94, 1);
    text-decoration: none;
    display: flex;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

 .buttons .retrieve {
    width: 250px;
    height: 50px;
    border-radius: 30px;
    margin-left: 15px;
    font-weight: bold;
    background: rgba(1, 207, 255, 1);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.description .d_right {
    float: right;

}

@media(max-width:821px){
.buttons{
  padding: 20px !important;
}
}