.head {
    overflow: hidden;
    font-size: 50px;
    font-family: "Roboto";
    color: rgb(255, 239, 129);
    text-align: center;
    padding-top: 100px;
}

.card.image img{
    width: 455px;
    height: 300px;
    margin: 0;
    padding: 0;
    border-radius: 5%;
}
.all-cards{
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    max-width: 1440px;
    justify-content: space-around;
    justify-self: center;
    margin-top: 100px;
}
.card {
    width: 455px;
    align-items: center;
    border-radius: 2%;
}

.card.subscription {
    margin: 0;
    padding: 0; 
    background-color: rgb(22, 68, 165);
}
.subscription.title {
    padding: 15px 0;
    color: rgb(255, 239, 129);
    font-size: 30px;
    text-align: center;
}
.subscription.subtext {
    color: white;
    font-size: 20px;
    height: 400px;
    padding-left: 10px;
    margin-bottom: 50px;
}

footer {
    margin-top: 100px;
}

@media (max-width: 500px){
    .card.image img{
        max-width: 400px;
    }
    .card{
        max-width: 400px;
    }
}