@charset "UTF-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'Playfair Display', serif;
    line-height: 1.5rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #0C2426;
    font-size: 1rem;
    background-color: #DFF2F2;
}
#container {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 35px;
    padding-bottom: 70px;
    background-color: #F2EEEB;
}
h1, h2, h3 {
    font-family: 'Josefin Sans', sans-serif;
}
a:link, a:visited {
    color: #A66660;
    text-decoration: none;
}
a:hover, a:active {
    color: #F27E63;
    text-decoration: none;
}
#topNav ul {
    text-align: center;
    list-style-image: none;
    margin-left: 0px;
    margin-right: 0px;
}
#topNav ul li {
    display: inline-block;
    /* [disabled]margin-left: 40px; */
    margin-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1rem;
}
header {
    padding-bottom: 2px;
    background-image: url(assets/graphics/header-banner.png);
    background-repeat: no-repeat;
}
header h1 {
    color: #F27E63;
    font-size: 2.8rem;
    font-family: 'Josefin Sans', sans-serif;
    text-align: center;
}
header h1 a:link, a:visited {
    color: #F27E63;
}
header h1 a:hover, a:active {
    color: #A66660;
}
main {
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 30px;
}
#mainHomeImg {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    /* [disabled]padding-bottom: 20px; */
    border: 10px solid #F2CDC4;
}
main h1 {
    padding-bottom: 20px;
    text-align: center;
    line-height: 1.3;
    color: #A66660;
    padding-top: 20px;
}
#mainHomeText {
    padding-left: 130px;
    padding-right: 130px;
    padding-bottom: 20px;
}
main h2 {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.6rem;
    color: #F27E63;
}
#sightseeingExperiencesFoodBox {
    display: flex;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    background-color: #F2CDC4;
    border: 20px solid #F2CDC4;
}
.sightseeingExperiencesFood img {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.sightseeingExperiencesFood {
    flex-basis: 30%;
}
.sightseeingExperiencesFood h3 {
    color: #736666;
    text-align: center;
}
.sightseeingExperiencesFood h3 a:link ,a:visited {
    color: #736666;
}
.sightseeingExperiencesFood h3 a:hover ,a:active {
    color: #A66660;
}
footer h1 {
    text-align: center;
    font-size: 1.4rem;
    /* [disabled]padding-right: 70px; */
    color: #736666;
}
footer ul {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: center;
    /* [disabled]padding-right: 70px; */
    /* [disabled]padding-bottom: 10px; */
    padding-top: 10px;
}
footer ul li {
    display: inline-block;
    margin-left: 30px;
    /* [disabled]padding-bottom: 5px; */
    /* [disabled]padding-top: 10px; */
    text-align: center;
    font-size: 1rem;
    color: #A66660;
}
footer ul li a:link {
    color: #A66660;
}
footer ul li a:hover {
    color: #F27E63;
}
.backToTop {
    /* [disabled]margin-top: 40px; */
    margin-right: 70px;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
}
#mainSightseeingImg {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 10px solid #F2CDC4;
    margin-left: auto;
    margin-right: auto;
}
#aboutLinks {
    margin-left: 0px;
    margin-right: 40px;
    text-align: center;
    list-style-type: none;
    padding-bottom: 20px;
}
#aboutLinks li {
    display: inline-block;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1rem;
}
#parkText {
    margin-left: 180px;
    margin-right: 180px;
    padding-bottom: 40px;
}
#park img, #ladyLiberty img, #architecture img {
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    border: 10px solid #F2CDC4;
    margin-left: auto;
    margin-right: 20px;
}
#park h1, #ladyLiberty h1, #architecture h1 {
    /* [disabled]margin-top: 70px; */
    /* [disabled]margin-bottom: 0px; */
    padding-top: 50px;
    padding-left: 20px;
    padding-bottom: 7px;
    font-size: 1.8rem;
    text-align: center;
    border-top: 4px double #F27E63;
}
#parkText h2, #ladyLiberty h2, #architecture h2 {
    text-align: center;
    margin-right: 0px;
}
#parkBox {
    margin-left: 70px;
    margin-right: 70px;
}
#parkBox h3, #ladyLibertyBox h3, #architectureBox h3 {
    color: #736666;
    /* [disabled]margin-left: 15px; */
    /* [disabled]padding-top: 20px; */
    text-align: left;
}
.parkDetails img     {
    margin-right: 40px;
    align-self: flex-start;
}
.ladyLibertyDetails img {
    margin-right: 40px;
    align-self: flex-start;
}
#ladyLibertyText {
    margin-left: 180px;
    margin-right: 180px;
    padding-bottom: 40px;
}
#ladyLibertyBox {
    margin-left: 70px;
    margin-right: 70px;
}
.architectureDetails img {
    margin-right: 40px;
    align-self: flex-start;
}
#architectureText {
    margin-left: 180px;
    margin-right: 180px;
    padding-bottom: 40px;
}
#architectureBox {
    margin-left: 70px;
    margin-right: 70px;
}
.parkDetails , .ladyLibertyDetails, .architectureDetails{
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
}
.parkDetails p , .ladyLibertyDetails p, .architectureDetails p{
    /* [disabled]margin-right: 115px; */
    /* [disabled]padding-top: 35px; */
}
#showShopMuseumBox {
    display: flex;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    padding-bottom: 50px;
}
.showShopMuseum h2 {
    color: #736666;
}
.showShopMuseum h2 a:link, a:visited {
    color: #736666;
}
.showShopMuseum h2 a:hover, a:active {
    color: #A66660;
}
.showShopMuseum img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* [disabled]padding-bottom: 20px; */
    border: 10px solid #F2CDC4;
}
.showShopMusuem {
    flex-basis: 30%;
}
#show h1, #shop h1, #museum h1 {
    margin-top: 0px;
    padding-top: 50px;
    border-top: 4px double #F27E63;
}
.showDetails img, .shopDetails img, .museumDetails img {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    border: 10px solid #F2CDC4;
    margin-left: auto;
    margin-right: auto;
}
.showDetails p, .shopDetails p, .museumDetails p {
    margin-right: 180px;
    margin-left: 180px;
    margin-bottom: 0px;
    padding-bottom: 40px;
}
#mainFoodImg {
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #F2CDC4;
}
#mainFoodText p {
    margin-left: 180px;
    margin-right: 180px;
    padding-bottom: 40px;
    padding-top: 40px;
}
#pizza h1, #sandwich h1, #cookie h1 {
    text-align: left;
    margin-left: 70px;
    padding-left: 10px;
    border-top: 4px double #F27E63;
    padding-top: 40px;
    /* [disabled]border-top-right-radius: 10px; */
    /* [disabled]border-top-left-radius: 10px; */
    margin-right: 70px;
}
#pizzaBox {
    margin-left: 70px;
    margin-right: 10px;
    padding-bottom: 30px;
}
#sandwichBox {
    margin-left: 70px;
    margin-right: 10px;
    padding-bottom: 30px;
}
#cookieBox {
    margin-left: 70px;
    margin-right: 10px;
    padding-bottom: 30px;
}
#mainFoodImgTwo {
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #F2CDC4;
}
.pizzaDetails, .sandwichDetails, .cookieDetails {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    margin-right: 90px;
    padding-right: 0px;
}
.pizzaDetails p, .sandwichDetails p, .cookieDetails p {
    padding-left: 20px;
}
.pizzaDetails img, .sandwichDetails img, .cookieDetails img {
    border: 10px solid #F2CDC4;
    align-self: center;
}