body {
    font-family: 'Archivo Narrow', sans-serif;
}
h1 {
    margin: 0 0 -26px 0;
    font-size: 80px;
}

h2 {
    font-size: 30px;
}

.content {
    width: 960px;
    /* background-color: rgba(0, 255, 0, .3); */
    margin: auto;
}

header {
background-image: url(https://images.unsplash.com/photo-1576023867099-db39d6f37a03?ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8cGFub3JhbWljfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&w=1000&q=80);
background-repeat: no-repeat;
background-size: cover;
text-align: center;

}

.section2 {
    background-color: rgba(180, 50, 180, 1);
    height: 720px;
    margin-top: 50px;
    /* margin-bottom: 55px; */
}

header .content {
    padding: 151px 0 156px 0;
    margin-bottom: -50px;
}


h3 {
    background-color: rgb(110, 50,  150, .5);
    text-align: center;
    font-size: 40px;
    padding: 43px 10px 31px 10px;
}

.floated text {
    margin-top: 100px
}

p {
    /* background-color: rgba(255, 0, 0, .3); */
    font-size: 18px;
    margin-bottom: 0;
}

#snailphoto {
    float: right;
    margin-left: 40px;
    margin-bottom: 40px;
}

.wrapper {
    margin-top: -40px;
}

.section3 {
    background-color: rgba(200, 100, 100, 1);
    margin-top: -40px;
    padding-bottom: 40px;
}

.grid {
    display: grid;
    grid-template-columns: repeat(2, 25%);
    margin-left: 22%;
    margin-right: -500px;
    margin-top: -50px;
}

.leafphoto {
    float: left;
    margin: 11px;
    margin-right: 15px;
}

li {
    padding: 0;
    display: block;

}

aside {
    font-size: 18px;
    margin-top: 10px;
    margin-right: 20px;
}

.phototitle {
    font-weight: bold;
    font-size: 21px;
    margin-top: 7px;
}

.section4 {
    background-color: rgba(150, 75, 200, 1);
    margin-top: -40px;
    padding-bottom: 102px;
}

h6 {
    text-align: center;
    width: 720px;
    margin: auto;
    font-size: 26px;
    font-weight: lighter;
    margin-top: -42px;
}

footer {
    margin-left: 24.8%;
    margin-top: 43px;
}