@charset "UTF-8";
/* CSS Document */

.banner {

  width: 100%;}


header {width: 100%;}

#color-bar {background-color: #a32973;
            padding:20px;
            color: #fff;
            text-align: center;
            font-size: 24px;
          font-family: 'Lato', sans-serif;}

#header-content {width:960px;
                  margin-left: auto;
                  margin-right:auto;}


#header-content img {position:relative;}

nav {position:absolute;
    top:115px;
    right:30px;
    }
a:hover {background-color: #16325a;
              color:#fff;}

li {
  display: inline;
  padding: 50px;
  font-family: 'Goudy Bookletter 1911', serif;
  color; #f4f3f0;}

#wrapper-white {width:960px;
                margin-left: auto;
                margin-right: auto;
                background-color: #fff;
                padding-bottom: 50px;
                }

section {width: 580px;
        float:left;

        }
section h1 {font-size: 36px;
            color: #a32973;
            font-family: 'Lato', sans-serif;}
section p {16px;}

aside {width: 300px;
                border-style:solid;
                border-width: 3px;
                border-color: #16325a;
                float:right;
              }
aside h2 {color: #a32973;
font-family: 'Lato', sans-serif;
font-size: 24px;
text-align: center;}

.book-details img {display:block;
margin-left: auto;
margin-right: auto;
padding:25px;}

.uppercase {text-transform: uppercase;}

#wrapper-shop {width:100%;
                background-color: #f4f3f0;
                padding-bottom:280px;
                clear: both;}
#shop-content {
              width: 950px;
              text-align: center;
              margin-left: auto;
              margin-right: auto;
              padding-top:100px;
              clear: both;}

.book-details {width:960px;
              margin:auto auto;
              border:3px;
              border-color:#16325a;
              padding:20px;}

              .book-details {width: 300px;
                              border:3px;
                              border-color: #16325a;}

  #footer-left{float:left;}

  #footer-right{float:right;}



              .shop-box {width: 300px;
                          float:left;}

              .shop-box img {margin-left:auto;
                            margin-right:auto;
                            margin-top: auto;
                            width: 260px;
                            height: 130px;
                            object-fit: cover;}

              .shop-box h3 {28px;
                              text-transform: uppercase;}

              .shop-box p {14px;
                          font-family: 'Goudy Bookletter 1911', serif;
                          padding:15px;}
              .shop-box a {background-color: #a32973;
                            color:#fff;
                            padding: 5px;
                            text-decoration: none;
                          font-size:12px;
                        font-family: 'Lato', sans-serif;}
footer {background-color: #16325a;
        width: 100%;
        height: 2.5rem;
        padding-top:10px;
        padding-bottom: 50px;
        clear: both;            /* Footer height */
  }

  #footer-content {width:960px;
                  margin-left: auto;
                  margin-right: auto;}
  #footer-content h3 {font-size: 16px;
                      color:#fff;
                    text-transform: uppercase;
                    font-family: 'Goudy Bookletter 1911', serif;}

  #footer-content p {font-size: 16px;
                      color:#fff;
                    opacity: 70%;
                    font-family: 'Goudy Bookletter 1911', serif;}