body{
    margin: 0 25px;
}
header{
    text-align:center;
}
header img{
    width:15%;
    margin:auto auto;
    text-align:center;
}
nav{
    background-color:#3C2415;
    padding:10px;
}
nav a{
    text-decoration:none;
    color:white;
    margin-left:25px;
    font-weight:bold;
    padding:10px;
}
nav a:hover{
    background-color:#00AEEF;
    color:#3C2415;
}
.banner{
    background-image:url("https://images.unsplash.com/photo-1455380579765-810023662ea?ixid=MXwxMjA3fDB8MHxwaG90by1wYWd1fHx8fGVufDB8fHw%3D&ixlib=rb-1.2.&auto=format&fit=crop&w=1350&q=80");
    height:300px;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
}
.banner h3{
    width:30%;
    float:left;
    color:white;
    text-align:center;
    font-size:3em;
    padding-top:25px;
    margin:25px;
    text-shadow:2px 2px 3px black;
}
.banner h3:nth-child(2){
    width:30%;
    float:right;
}
p{
    color:#202020;
    line-height:1.5;
    text-align:justify;
}
.grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:25px;
}
.grid h2{
    text-align:center;
    background-color:#603913;
    color:white;
    padding:5px;
}
.donate a{
    padding:10px;
    text-decoration:none;
    background-color:#00AEEF;
    color:#3C2415;
    font-weight:bold;
    float:right;
}
.donate a:hover{
    background-color:#3C2415;
    color:white;
}

.grid .adoptbanner{
    height:140px;
    background-image:url("assets/adopt.jpg");
    background-position:0 17%;
}
.grid .wishbanner{
    height:140px;
    background-image:url("assets/wishlist.jpg");
    background-position:0 17%;
}
footer{
    border-top:solid thick #3C2415;
    margin-top:25px;
}

footer img{
    width:5%;
    margin-left:25px;
    float:right;
    vertical-align:top;
    margin-top:-3%;
}