*
{
    margin: 0;
    padding:0;
}
body
{
    font-family: sans-serif;
    background-image: url("./images/bg.jpg");
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: 412px 239px;
}
a
{
    text-decoration: none !important;
}
.title-block
{
    text-align: center;
    background-color: #eeeeee;
}
.title-block img
{
    margin: 10 0;
    height: 60px;
}
.divider {
    background-color: #f89740;
    height:5px;
}

/* Nav Section  */
#nav-bar
{
    position: sticky;
    top:0;
    z-index:10;
}
.navbar
{
    padding: 10px 0px !important;
    background-color: #274365;
    box-shadow: 5px 5px 5px #666666;
}
.navbar-nav li
{
    padding: 0px 10px;
}
.navbar-nav li a{
    color: white;
    font-weight: 600;
}

.navbar-toggler
{
    outline: none !important;
}

.nav-link :focus
{
    color: red !important;
    font-weight: 600;
}

/* book section  */

#home-block {
    display: block;
    position: relative;
    top: -135px;
}

#bpb-book
{
    background-color: #F4ECDE;
    padding-right: 0px !important;
}

#bpb-book h1
{
    color: #333333;
    font-weight: 700;
}

#bpb-book h2
{
    color: #274264;
    font-weight: 500;
}

.book-box
{
    rotate: 3deg;
    box-shadow: 5px 5px 5px #666666;
}

#bpb-book img
{
    max-height:400px;
    width: auto;
    height: auto;
}

.book-description
{

}

.order-button
{
    background-color: #007c36 !important;
    color: #fff !important;
    font-weight: 400 !important;
    width: 100%;
    box-shadow: 5px 5px 5px #666666;
}

.coming-soon
{
    rotate: -13deg;
    max-height: 120px;
    max-width: 160px;
    opacity: .7;
    position: relative;
        top: -130;
        left: 0;
}

/* Sneak Peek Section */
#sneak-block {
    display: block;
    position: relative;
    top: -135px;
}

#sneak-peek h1
{
    color: #333333;
    font-weight: 700;
}

.peek-container
{
    padding: 20px 40px;
    background-color: #8fd4d7;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23519ca4' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
   
.carousel-control-next-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23519ca4' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

/* About Section */
#about-block {
    display: block;
    position: relative;
    top: -135px;
}

#about-us
{
    background-color: #F4ECDE;
}

#about-us h1
{
    color: #333333;
    font-weight: 700;
}

#about-us img{
    height: 400px;
}

/* Contact Us section */
#contact-us h1{
    color: #333333;
    font-weight: 700;

}

#contact-us h2 {
    color: #274264;
    font-weight: 500;
}
#contact-us p
{ 
    font-size: 36px;
    font-weight: 600px;
}

.social-media-icons
{
    background-color: #fff;
}

.social-media-icons img 
{
    height: 40px;
    weight: 40px;
    margin: 20px 30px;
}
.social-media-icons a:hover img
{
    transform: translateY(-5px);
}

/* Footer section */
#footer
{
    background: #274264;
    color: #eeeeee;
    padding: 20px;
    font-size: small;
}

/* Answer Key */
#answer-key
{
    background-color: #F4ECDE;
}

#answer-block {
    display: block;
    position: relative;
    top: -135px;
}

/* sample-puzzle */
#sample-puzzle
{
    background-color: #FFFFFF;
}

#sample-block {
    display: block;
    position: relative;
    top: -135px;
}

.nav {
    color: white !important;
}

.navbar-dark .navbar-toggler {
    border-color: transparent !important;
}

#md-menu {
    display: flex;
    justify-content: center;
    background-color: #274365;
    box-shadow: 5px 5px 5px #666666;
    padding: 10px 0px;
}

#md-menu ul {
    list-style: none;
    padding: 0 8px 0 8px;
    margin: 0;
}
  
#md-menu  li {
    display: inline-block;
    margin: 0 8px 0 8px;
  }

#md-menu li a {
    color: white;
    font-weight: 600;
    text-decoration: none;
}

#md-menu li a:hover {
    opacity: .8;
}