/*
#fae2d4
#ffb375
#ff8d4f
#fc7632
#632709
*/

html, body {
    margin:0px;
}
body {
    background-color:#fae2d4;
    font-family:Verdana, sans-serif;
    background-image:url(images/donut-icon.png);
    background-size:300px;
}

header {
    background-color:#fc7632;
    margin:0px auto;
    overflow:hidden;
    box-shadow: 0px 0px 15px 0px #632709;
}

header img {
    float:left;
    margin:25px 0px 25px 25px;
    max-height:200px;
}

header nav ul {
    float:left;
    margin:104px auto;
}

header nav ul li{
    display:inline;
    margin:0px 20px;
    font-family:"Arial Black";
    font-size:30px;
}

header nav ul li a:link {
    color:black;
    text-decoration:none;
}

header nav ul li a:visited {
    color:black;
    text-decoration:none;
}

header nav ul li a:hover {
    color:#632709;
    text-decoration:none;
}

header nav ul li a:active {
    color:#8a380f;
    text-decoration:none;
}

.home-banner {
    margin:0px;
    padding:100px 0px;
    text-align:center;
    background-image:url(images/home-banner.jpg);
    color:#fae2d4;
    text-shadow:0px 0px 10px black;
    font-size:50px;
    background-repeat: no-repeat;
    background-size: cover
}

.menu-banner {
    margin:0px;
    padding:100px 0px;
    text-align:center;
    background-image:url(images/menu-banner.jpg);
    color:#fae2d4;
    text-shadow:0px 0px 10px black;
    font-size:50px;
    background-repeat: no-repeat;
    background-size: cover
}

.locations-banner {
    margin:0px;
    padding:100px 0px;
    text-align:center;
    background-image:url(images/locations-banner.png);
    color:#fae2d4;
    text-shadow:0px 0px 10px black;
    font-size:50px;
    background-repeat: no-repeat;
    background-size: cover
}

.aboutus-banner {
    margin:0px;
    padding:100px 0px;
    text-align:center;
    background-image:url(images/aboutus-banner.jpg);
    color:#fae2d4;
    text-shadow:0px 0px 10px black;
    font-size:50px;
    background-repeat: no-repeat;
    background-size:cover;
}

.checkout-banner {
    margin:0px;
    padding:100px 0px;
    text-align:center;
    background-image:url(images/checkout-banner.png);
    color:#fae2d4;
    text-shadow:0px 0px 10px black;
    font-size:50px;
    background-repeat: no-repeat;
    background-size:cover;
}

main {
    overflow:hidden;
}

h1, .history h2, .promotion h3, .menu-section h2, .locations-section h2 {
    font-size:30px;
    text-align:center;
    color:#8a380f
}

.promotion h4 {
    font-size:20px;
    color:#632709;
    margin:0px;
}

.history {
    text-align:center;
    padding-bottom:35px;
    border-bottom:5px solid #632709;
    width:1500px;
    margin:auto;
}

.history-text {
    font-size:20px;
    max-width:1200px;
    margin: 10px auto;
}

.history div img {
    border-radius:15px;
    margin-top:25px
}

.promotion {
    margin:50px auto;
    width:1500px;
    text-align:center;
    overflow:hidden;
}

.promotion div {
    width:400px;
    height:620px;
    background-color:#ff8d4f;
    border-radius:25px;
    margin:50px;
    float:left;
}

.promotion div p {
    margin:0px 15px;
    font-size:20px;
    height:100px;
}

.promotion div img {
    background-color:#fae2d4;
    width:325px;
    margin-top:35px;
    border-radius:100px
}

.promotion div a {
    width:180px;
    padding:10px 0px;
    border-radius:15px;
    margin:0px auto;
    background-color:#ffb375;
    font-size:25px;
    display:block;
}

.promotion div a:link {
    color:#632709;
    text-decoration:none;
}

.promotion div a:visited {
    color:#632709;
    text-decoration:none;
}

.promotion div a:hover {
    color:#853914;
    text-decoration:none;
}

.promotion div a:active {
    color:#9c4b22;
    text-decoration:none;
}

.promotion div h3 {
    font-size:25px;
    color:#632709;
}

footer {
    background-color:#fc7632;
    overflow: hidden
}

footer p {
    color:#632709;
    font-size:20px;
    padding:25px 25px 0px 25px;
    margin:0px; 
}

footer img {
    float:left;
    opacity:60%;
    padding:25px;
    width:150px;
}

footer nav ul {
    margin-left:185px;
    width:250px;
}

footer nav ul li {
    font-size:18px;
    opacity:80%;
}

footer nav ul li a:link {
    color:black;
    text-decoration:none;
}

footer nav ul li a:visited {
    color:black;
    text-decoration:none;
}

footer nav ul li a:hover {
    color:#632709;
    text-decoration:none;
}

footer nav ul li a:active {
    color:#8a380f;
    text-decoration:none;
}

/* MENU */

.menu-section {
    width:1380px;
    padding:25px 0px;
    margin:25px auto;
    overflow:hidden;
    border-bottom:4px solid #632709;
}

.menu-section p {
    text-align:center;
    font-size:20px;
    width:80%;
    margin:auto;
}

.donut {
    width:400px;
    background-color:#ff8d4f;
    border-radius:30px;
    text-align:center;
    margin:30px;
    float:left;
    box-shadow:0px 0px 30px -20px #632709;
}

.donut h3 {
    font-size:20px;
    color:#632709;
    margin:0px auto;
    width:80%;
}

.text-section {
    background-color:#ffb375;
    padding:15px 0px;
    width:350px;
    height:120px;
    margin:auto;
    border-radius:10px;
    margin-top:25px;
    box-shadow:0px 0px 50px -35px #632709;
    background-image:url(images/donut-icon.png);
    background-size:100px;
}

.donut p {
    margin:15px auto;
    width:80%;
    font-size:20px;
    color:#632709;
}

.donut img {
    display:block;
    margin:auto;
    background-color:#ffb375;
    margin:15px auto 25px auto;
    border-radius:10px;
    box-shadow:0px 0px 50px -35px #632709;
        background-image:url(images/donut-icon.png);
    background-size:100px;
}

.donut h3 {
    color:#632709;
}

/* Locations */

.locations-section {
    color:#632709;
    width:1050px;
    margin:25px auto;
    padding:25px 0px;
    border-top:2px solid #632709;
}

.locations-section div {
    float:right;
}

.locations-section h2, .locations-section h3, .locations-section p {
    text-align:center;
}

.locations-section img {
    border-radius:5px;
}

.exterior-shot {
    margin-top:10px;
}

/* About us */

.aboutus-section {
    width:1100px;
    margin:25px auto;
    overflow:hidden;
    padding-bottom:50px;
    border-bottom:3px solid #632709;
}

.aboutus-section h1 {
    margin:50px 0px;
    font-size:50px;
}

.aboutus-section img {
    border-radius:10px;
    box-shadow:0px 0px 10px black;
    margin:15px
}

.aboutus-section p {
    color:#632709;
    font-size:24px;
    margin:15px
}

.about-section-img-right img {
    float:right;
}

.about-section-img-right p {
    float:left;
    width:500px;
}

.about-section-img-left img {
    float:left;
}

.about-section-img-left p {
    float:right;
    width:500px;
}

/*checkout*/

.checkout-disclaimer {
    text-align:center;
    color:#632709;
    margin:30px;
    opacity:50%;
}

.checkout-section {
    width:1302px;
    margin:auto;
    overflow:hidden;
}

.checkout-p {
    text-align:center;
    margin:10px 0px;
    font-size:20px;
}

.checkout-section h2 {
    color:#632709;
    text-align:center;
    margin:10px auto;
    padding:10px 0px;
    border-bottom:2px solid #632709;
    width:400px;
}

.box {
    width:300px;
    background-color:#ffb375;
    border-radius:10px;
    padding:5px;
    margin:15px auto;
    height:70px;
}

.box h3 {
    margin:5px;
    color:#632709;
}

.box p {
    background-color:#fae2d4;
    margin:0px 5px;
    padding:5px;
    border-radius:5px;
}

.checkout-1 {
    width:600px;
    margin:25px 0px 25px 25px;
    padding-right:25px;
    float:left;
    border-right:2px solid #632709;
}

.checkout-2 {
    width:600px;
    margin:25px;
    float:right;
}

.rickroll {
    background-color:#fc7632;
    width:500px;
    margin:30px auto;
    padding:1px;
    border-radius:15px;
    font-size:40px;
    color:#fae2d4;
}

.rickroll a {
    text-decoration:none;
}

.charity {
    color:#632709;
    opacity:70%;
    text-align:center;
    margin:0px 0px 25px 0px;
    font-size:20px;
}