body{
    background: url("../images/bg.jpg") no-repeat center center fixed, #000;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    
}
a, a:hover{
    color:#62C8CC;
}
.mtk-book{
    text-align: center;
}
p{
    color:#fff;
}
h3{
    color:#fff;
    text-transform:uppercase;
    text-align: center;

}

h4{
    color:#62C8CC;
    margin-top:22px;
    margin-left:10px;
    margin-right:10px;
    text-transform:uppercase;
    text-align: center;
    font-size: 3rem;

}

h5{
    color:#FBC41B;
    margin-top:15px;
    margin-left:10px;
    margin-right:10px;
    text-transform:uppercase;
    text-align: center;
    font-size: 3rem;

}

.books{
    margin-top:32px;
}
.logo{
    padding-top: 32px;
}
.middle > * {
    vertical-align: middle;
  }
.read-sample2 img{
    margin-top: 5px;
    margin-bottom: 15px;
  }
.read-sample img{
    margin-top: 16px;
    margin-bottom: 16px;
}
.social a{
    padding: 0 8px;  
    color:#fff;
    font-size:1.25rem
}
.social a:hover{
    text-decoration:none;
}
.social{
    color:#fff;
}
.footer{
    margin-top:8px;
    text-align: center;
}
.epilogue{
    text-align: center;
}
.epilogue a:hover{
    text-decoration: none;
}
.epilogue a h2{
    text-align: center;
    font-size: 2.5rem;
    color: #FBC41B;
    text-transform: uppercase;
}
.epilogue span{
    font-size: 1rem; 
    color: #fff;
    display: block;
    margin-top:0px;
}

@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
 }

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
 }

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
 }