/*Extra small devices (portraut phone, less then 576px*/
@media (max-width: 575.98px) {
    #ready{
        min-height: 320px;
        margin-top: 30px;
    }
    .dark-overlay{
        min-height: 350px;
    }
}

/*small devices (landscape phone, less then 576px and up*/
@media (min-width: 576px) and (max-width: 767.98px) {}

/*Medium devices (tablets, 768px and up*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/*Large devices (desktops, 992px and up*/
@media (min-width: 992px) and (max-width: 1199.98px) {}

/*Extra large devices (large desktops, 1200px and up*/
@media (max-width: 1200px) {}