* {
    box-sizing: border-box;
}

body {
    height:100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1, h2, p, b {
    max-width: fit-content;
}

footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.head {
    display: flex;
    align-items: center;
}

.blocks {
    display: flex;
    flex-direction: column;
}

.col-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media (min-width: 200px) {
    .head {flex-wrap: wrap;}
    .cards {width: 26rem;}
    footer {flex-direction: column;}
}

@media (min-width: 700px) {
    .cards {width: 40rem;}
    footer {flex-direction: column;}
}

@media (min-width: 800px) {
    footer {flex-direction: row;}
}

@media (min-width: 900px) {
    .cards {width: 50rem;}
    footer {flex-direction: row;}
}

@media (min-width: 1100px) {
    .cards {width: 60rem;}
}

@media (min-width: 1400px) {
    .cards {width: 70rem;}
}

@media (min-width: 1500px) {
    .cards {width: 80rem;}
}