#text {
margin-right: 10px;
margin-left: 10px;
}

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