.header_box {
text-decoration:  none;
text-align: left;
display: run-in;
float: left;
z-index: 5;
position: relative;
right: 20px;
bottom: 100px;
margin-left: 40px;
padding-left: 35px;
}

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