@charset "UTF-8"; /* CSS Document */ body{ margin: 0; padding: 0; width: 100%; } h1 { font-family: "Majesti Banner"; font-weight: normal; font-size: 55px; text-align: center; color: #fff; margin: 0; padding-right: 100px; padding-left: 100px; padding-top: 0px; top: 0px; } h2 { font-family:"Athelas"; font-weight: normal; font-size: 40px; text-align: center; color: #fff; margin: 0; padding: 0; } h3 { font-family: "Athelas"; font-weight: normal; font-size: 16px; text-align: center; margin: 5px 0; padding: 0; z-index: 1; position: relative; } .center { margin: 0 auto; } .content{ margin: 0 auto; width: 960px; text-align: center; } .clear { clear: both; } #header { width: 100%; background: url('../img/header-bg.png'); height: 80px; position: fixed; margin-top: 30px; } #nav { width: 410px; float: right; margin-top: 20px; } #logo a { color: #fff; text-decoration: none; float: left; font-size: 30px; margin-top: 20px; color: #fff; font-family:"Wellfleet"; font-weight: bold; } #nav ul{ list-style: none; display: block; margin: 0 auto; list-style: none; } #nav li{ margin-top: 9px; float: left; padding-left: 21px; } #nav li a { color: #fff; opacity:0.6; font-size: 16px; text-decoration: none; font-family: 'Wellfleet'; } #nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; } #nav li a:hover { color: #fff; opacity:1; } #slide1, #slide2{ width: 100%; } #slide0{ background-color: #be1e2d; height: 15px; } #slide1{ color: #fff; margin: 0; padding-right: 0; padding-left: 0; height: 50vh; padding-top: 100px; padding-bottom: 50px; background-color: #41393d; background-repeat: no-repeat; } #slide2{ color: #41393d; height: 50%; margin: 0; overflow: hidden; padding-top: 5px; padding-right: 260; padding-left: 260; padding-bottom: 5px; } #slide3{ color: #fff; height: 50vh; padding-top: 50px; padding-right: 0; padding-left: 0; padding-bottom: 0; background-size: cover; size: landscape; } #slide4{ background-color: #be1e2d; color: #333333; height: 25vh; padding: 200px 0; }