#bottom1 {
text-align: center;
background-color: #76b728;
max-width: 3000px;
margin-bottom: 30px;
}

#bottom2,
#bottom3 {
background-color: #e2f4fc;
}

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

@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;
}
}