.kitheading{
    font-size: 3em;
    font-weight: 700;
    color: #a82466;
    text-align:center;
}
@media (min-width: 992px) {
    .kitheading{
        font-size: 2em;
        font-weight: 700;
        color: #a82466;
        text-align:center;
        display: inline-block;
    }
    .body-text{
        font-size: 1.2em;
    }
  }

@media (min-width: 768px) {  
    .medimage{
        background-position:top center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/kitmodal.jpg)
    }
}
@media (max-width: 768px) {  
    .medimage{
        background-position:top center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/kitmodal.jpg)
    }
    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
      }
      .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
      }
      .modal-sm {
        max-width: 300px;
      }
}
@media (max-width: 576px) {  
        .medimage{height:250px!important;width:50%!important;background-position:top center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/kitmodal2.jpg)
        }
        .modal-dialog {
            max-width: 380px;
            margin: 1.75rem auto;
        }
        .modal-dialog-centered {
            min-height: calc(100% - (1.75rem * 2));
        }
        .modal-sm {
            max-width: 300px;
        }
        .modal-pad{
            padding:5px 10px  !important;
        }
        .kitheading{
            font-size: 2em;
            font-weight: 700;
            color:#a82466;
            display: inline-block;
        }
        .body-text{
            font-size: 1.2em;
        }
}