/* ================================== HEADER < 420 px ================================== */
.head-wave {max-width:100%; height:auto; text-align:center; margin-top:1em; border-radius:.5em; overflow:auto;}
section {position:relative; max-width:100%; 
	height:32em; padding:0% 5% 0% 5%; 
background:linear-gradient(-45deg, #663300, #663300, #ffc300); overflow:hidden; background-size:400% 400%; animation:gradient-bg 20s ease infinite; overflow:auto;}
/* ================================== HEADER > 420 px ================================== */
@media screen and (min-width: 26.25em) {
.head {max-width:100%; text-align:center; background-color:rgb(102,51,0); padding:0% 10%; overflow:auto;}
.head-wave {max-width:100%; height:auto; text-align:center; margin-top:1em; border-radius:.5em; overflow:auto;}
section {position:relative; max-width:100%; 
	height:30em; padding:0% 10% 0% 10%; 
background:linear-gradient(-45deg, #663300, #663300, #ffc300); overflow:hidden; background-size:400% 400%; animation:gradient-bg 20s ease infinite; overflow:auto;}
}
/* ================================== HEADER > 480 px ================================== */
@media screen and (min-width: 30em) {
.head-wave {max-width:100%; height:auto; text-align:center; margin-top:1em; border-radius:.5em; overflow:auto;}
section {position:relative; max-width:100%; 
	height:25em; padding:0% 10% 0% 10%; 
background:linear-gradient(-45deg, #663300, #663300, #ffc300); overflow:hidden; background-size:400% 400%; animation:gradient-bg 20s ease infinite; overflow:auto;}
}
/* ================================== HEADER > 568 px ================================== */
@media screen and (min-width: 35.5em) {
/* HEADER */
.head {max-width:100%; text-align:center; background-color:rgb(102,51,0); padding:0% 10%; overflow:auto;}
.head-wave {max-width:100%; height:auto; text-align:center; margin-top:1em; border-radius:.5em; overflow:auto;}
section {position:relative; max-width:100%; 
	height:23em; padding:0% 10% 0% 10%; 
background:linear-gradient(-45deg, #663300, #663300, #ffc300); overflow:hidden; background-size:400% 400%; animation:gradient-bg 20s ease infinite; overflow:auto;}
}
/* ================================== HEADER > 768 px ================================== */
@media screen and (min-width: 48em) {
.head {max-width:100%; text-align:center; background-color:rgb(102,51,0); padding:0% 10%; overflow:auto;}
.head-wave {max-width:100%; height:auto; text-align:center; margin-top:1em; border-radius:.5em; overflow:auto;}
section {position:relative; max-width:100%; 
	height:34em; padding:0% 10% 0% 10%; 
background:linear-gradient(-45deg, #663300, #663300, #ffc300); overflow:hidden; background-size:400% 400%; animation:gradient-bg 20s ease infinite; overflow:auto;}
}