/* Colour pallette


Dark navy/grey: #13293D
Lighter dark blue - Nav menu: #006494
Lighter blue: #00C9D3
Light red(ish) for buttons: #FF6F59
Green(ish) for something else: #43AA8B

*/



.bg-dark {
    color:black;
    background-color: antiquewhite;
    font-family: 'Merriweather', serif;
  }

body {
    margin-left:1%;
    margin-right:1%;
    margin-bottom:1%;
    margin-top:1%;
    width:98%;
    height:98%;}

@media screen and (max-width: 768px) {
    body {
        margin-left:1%;
        margin-right:1%;
        margin-bottom:1%;
        margin-top:1%;
        width:98%;
        height:98%;}
}


.book-cover {
    max-width:300px;
    box-shadow:  0px 1px 3px 0px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.book-cover:hover {
    max-width:300px;
    opacity:0.8;
    cursor:pointer;
}

.footer-black{
    background-color: black;
    color: antiquewhite;
    
}

.grid__img {
 text-align:center;
}


    
.intro{ margin:2px;
        padding: 16px;
        font-family:'Merriweather', serif;
        font-size:26px;
        padding:12px;
}

@media screen and (max-width: 768px) {
    .intro {text-align: center;
        margin:2px;
        padding: 16px;
        font-family:'Merriweather', serif;
        font-size:18px;
        padding:12px;}
}
    
.natural {
    color:black;
    background-color: antiquewhite;
    font-family: 'Merriweather', serif;
    width:100%;!important;
}

.subheading {
    color:black;
    background-color: antiquewhite;
    font-family: 'Merriweather', serif;
    font-size:26px;
    padding:12px;
    
}

.subheading-photo{
    text-decoration-color: white;
    text-align: left;
    background-image: url(images/subheading-booko.png);
    background-size: cover;
    font-family: 'Merriweather', serif;
    font-size:26px;
    padding:12px;
}

.subheading-pub{
    text-decoration-color: white;
    background-image: url(images/subheading-publications.png);
    background-size: cover;
    font-family: 'Merriweather', serif;
    font-size:26px;
    padding:12px;
}

.text-primary {
    cursor: pointer;  
}

.title{
    color:black;
    margin-bottom:0;
    padding:1rem;
}
@media screen and (max-width: 768px) {
    .title{
    color:black;
    font-size:30px;
    margin-bottom:0;
    padding:1rem;}
}
    
.nav {
    color:black;
    background-color: antiquewhite;
    font-family: 'Merriweather', serif;
    text-decoration-color: black;
    align-self: center;
    
}