#home #hero { height: 40vh; width: 100%; min-height: 150px; text-align: center; background-image: url('../image/aussie_home.jpg'); background-position: 60% 30%; background-size: cover; box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px -10px 0px 0px rgba(243, 189, 54, 0.3); overflow: hidden; } #home #hero > div { margin: 0px; padding: 0px; height: 40vh; width: 90%; max-width: 800px; font-size: large; text-align: left; background-image: url(../image/banner-contact_text.png); background-repeat: no-repeat; background-size: contain; background-position: left center; display: inline-block; } #home #hero > div > a { position: relative; top: 25vh; margin: 10px; padding: 10px 20px; min-width: 200px; text-align: left; color: #ffffff; background-color: #283A59; border-radius: 2px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); text-shadow: 0px 1px 1px rgba(0,0,0,0.3); text-decoration: none; display: inline-block; } @media(max-width:400px) { #home #hero > div > a { min-width: 55%; font-size:calc(2px + 4vw); } } #home #hero > div > a span { text-shadow: 2px 0px 0px #F3BD36; float: right; }