#header1,#header2{height: 500px;}

#header1 .title, #header2 .title{padding-top: 250px;}

@media only screen and (max-width: 1280px) and (min-width: 768px) {#header1, #header2{height: 400px;}#header1 .title, #header2 .title{padding-top: 200px;} }

/* Small device targeting */
@media only screen and (max-width: 767px) { #header1, #header2{height: 200px;} #header1 .title, #header2 .title{padding-top: 100px;} }