#bottom1,
#bottom2 {
max-width: 1300px;
}

#bottom3 {
text-align: center;
max-width: 1350px;
}

#bottom4 {
background-color: #e2f4fc;
}

.text {
text-align: left;
}

@media (min-width: 1152px) {
H1 {
font-size: 2.5rem;
}
}

@media (min-width: 560px) and (max-width: 1151px) {
H1 {
font-size: 2rem;
}
}

@media (max-width: 559px) {
.text {
text-align: left;
bottom: -20px;
left: 0%;
padding-left: 15px;
}

H1 {
font-size: 1.5rem;
}
}