.card {
    margin: 80px;
    background-color: aliceblue;
}

#recent {
    text-align: center;
    margin: 35px 0px -30px 0px;
}

#Our_events {
    margin: 40px 0px -30px 0px;
    text-align: center;
    color: rgb(250, 138, 87);
}

h1 {
    font-family: 'Poppins';
    font-weight: bold;
    color: rgb(250, 138, 87);
}

#Our_events {
    margin-top: 80px;
}

@media screen and (max-width: 380px) {
    h1 {
        margin-top: 26%;
    }
}

@media screen and (max-width: 480px) {
    h1 {
        margin-top: 20%;
    }
}

@media screen and (max-width: 700px) {
    h1 {
        margin-top: 15%;
    }
}

@media screen and (max-width: 840px) {
    h1 {
        margin-top: 15%;
    }
}

@media screen and (max-width: 1200px) {
    h1 {
        margin-top: 10%;
    }

}