@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300); body { background: #f3f6f8; margin:0; padding:0; } #container { margin: 0 auto; width: 100%; } #header { width: 720px; height: 360px; margin: 0 auto; text-align: center; background-image: url('../img/header.jpg'); } #header img { max-width: 65%; margin: 1rem 0 1rem 0; } #header p { margin: 0 0 3rem 0; padding: 0; font-size: 1.1rem; line-height: 1.3rem; font-family: 'Oswald'; font-weight: 400; letter-spacing: 1px; } .large-text {font-size: larger;} .small-text {font-size: smaller;} h1 { font-family:'Oswald', Helvetica, Arial, sans-serif; font-size: 8rem; font-weight: 700; color: #a2bdc4; text-shadow: 0px 0px 7px #FFF; text-align: left; margin: 0; padding-top: 200px; text-transform: capitalize; letter-spacing: 2px; } #opening-dates {width: 100%; text-align: center; font-family:'Oswald', Helvetica, Arial, sans-serif; color: #a2bdc4; font-size: 1.5rem; line-height: 2rem; font-weight: 400; letter-spacing: 1px; text-shadow: 0px 0px 7px #FFF;} #dates { width: 100%; padding: 0; } #dates p { color: #335760;; font: 2rem 'Oswald', helvetica, sans-serif; letter-spacing: 2px; font-weight: 400; text-align: center; margin:0 0 20px 0; text-transform: uppercase; } #dates .links { text-decoration:none; text-align: center; margin: 35px 0 45px 0; } #dates .links a { color: #f3f6f8; font: 1.3rem 'Oswald', Helvetica, sans-serif; text-decoration: none; padding: 7px; font-weight: 300; background-color: #a2bdc4; } #dates .links a:hover { color: #f3f6f8; text-decoration: none; padding: 7px; background-color: #335760; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; } #dates .links-center {margin: 0 25px 0 25px;} #dates .links a.mt { margin-right:0; } #dates h2 { text-align:center; margin:0 0 0 0; font-size: 50px; text-transform: uppercase; } #dates h2 a{ color: #000; text-decoration: none; } #dates h2 a:hover { color: #000; text-decoration: none; } #dates h3 { text-align:center; margin:0 0 20px 0; font:bold 20px 'Oswald', Helvetica, sans-serif; color: #000; text-transform: uppercase; } #dates h4 { text-align:center; margin:0 0 22px 0; font:bold 24px 'Oswald', Helvetica, sans-serif; color:#000; text-transform: uppercase; } #dates table { width:90%; margin:0 auto 50px auto; } #dates table tr.header { color: #A2BDC4; font: 1.3rem 'Oswald', Helvetica, sans-serif; text-transform:uppercase; text-align:left; } #dates table tr.header th.name { padding:0 0 0 20px; } #dates table .date { } #dates table .state { padding:0 20px 0 0; } #dates table tr.header th { color: #335760; padding:8px 0; border-bottom: 1px solid #a2bdc4; font-family: 'Oswald', Helvetica, sans-serif; font-size: 1.3rem; font-weight: 300; letter-spacing: 2px; } #dates table tr { height:15px; color: #335760; font:normal .8rem 'Oswald', Helvetica, sans-serif; } #dates table tr:hover td { background-color: #FFF; color: #103440; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; } #dates table tr td { padding:.8rem 0; font-size: 1.1rem; font-weight: 300; border-bottom:1px solid #FFFFFF; text-transform:capitalize; text-align:left; } #dates table tr.bottomBorder td { border-bottom: 1px solid #a2bdc4; } #dates table tr td.name { padding: .8rem 1rem .8rem 1.3rem; text-align:left; width: 45%; } #dates table tr td.city { padding: .8rem 1rem .8rem 0; text-align:left; width: 40%; } #dates table tr td.state { text-transform:uppercase; padding: .8rem 1rem .8rem 0; text-align:left; width: 8%; } #dates table tr td.date { text-transform:uppercase; padding: .8rem 0 .8rem 0; text-align:left; width: 7%; } #dates_footer { position: relative; font:bold 24px 'Oswald', Helvetica, sans-serif; color:#000; text-transform: uppercase; text-align: center; margin: 0 0 24px 0; } #footer { text-align: center; font: 1rem 'Oswald', Times New Roman, serif; font-weight: 300; } #footer p { font } #footer a { background-color: #A2BDC4; text-decoration: none; color: #f3f6f8; padding: 7px; line-height: 40px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } #footer a:hover { color: #f3f6f8; background-color: #335760; -moz-transition: all .1s ease-in; -webkit-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }