} #title.vertically-center { padding-top: 0; } #title { width: 100%; height: 400px; text-align: center; } ul.inline-list { padding: 0 15px; padding-left: 0; list-style-type: none; margin-top: 328px; } #drinks { float: left; width: 45%; height: auto; box-shadow: 0px 5px 12px rgba(0,0,0,0.3); } #cutlery { float: right; width: 45%; height: auto; box-shadow: 0px 5px 12px rgba(0,0,0,0.3); } .container { width: 69%; margin: 0 auto; padding: 20px; } #hero { height:518px; width: 100%; background-image: url(/img/hero.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 0px 5px 12px rgba(0,0,0,0.3); } h1 { margin-top: -386px; color: #404737; } /*=========== Main Style =============*/ body { font-family: 'Amatic SC', cursive; color: #FCFCF4; font-size: 24pt; background-image: url(img/chalkback.jpg); background-position: center no-repeat; background-size: cover; padding-top: 60px; } li { text-align: left; float: center; } li a { color: #FCFCF4; text-decoration: none; text-align: center; display: block; padding: 16px; } p { padding-left: 186px; padding-right: 186px;