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

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

header {
    display: grid;
    grid-template-columns: repeat(7, 14.28571428571429%);
    background-image: linear-gradient(to right, #ffffcb, #fff)
}

header div {
}

header img {
    width: 90%;
    display: block;
}

.book-size-forty-one {
    width: 60%;
}

.facebook-icon {
    width: 50%;
}

header img {
    margin: 0 auto;
}

.social-media img{
    margin-bottom: 10px;
}

@media only screen and (max-width: 1400px) {

    .sm-a {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    .sm-b {
        grid-column: 4 / 6;
        grid-row: 2 / 3;
    }    

}