.responsive-width {
    width: 100%; /* 100% width for mobile screens */
}
body {
    background: rgb(0,20,146);
    background: linear-gradient(279deg, rgba(0,20,146,1) 0%, rgba(0,135,158,1) 35%, rgba(91,138,255,1) 100%);
}
h1 {
    font-family:Cambria;
    color: white;
}


.main-container {
    margin-bottom: 60px;
}

.backdrop{
    background-color:#000000cf;
}

@media (min-width: 768px) {
    .responsive-width {
        width: 75%; /* 75% width for medium screens (md) and up */
    }
}