html {
font-size:100%;
}

body{
    font-size: 1.2em;
    line-height:1.4em;
    margin:0;
    background-color:#fffdf7;
    color:#372216;
    font-family: 'Lexend', sans-serif;
}
.navbar {
    position: fixed;
    margin-top:-110px;
    font-family: 'Lora', serif;
    display:flex;
    flex-flow: row wrap;
    justify-content:space-between;
    background-color:#D9AA8E;
    color:#372216;
    width:100%;
    font-size: 1.5em;
}
.navbar > div:nth-child(1) {
    padding:10px;
}
.navbar > div:nth-child(2) {
    padding-top: 35px;
}
.navbar > div:nth-child(3) {
    padding-top: 35px;
}
.navbar > div:nth-child(4) {
    padding-top: 35px;
}
.navbar > div:nth-child(5) {
    padding-top: 35px;
}
.navbar > div:nth-child(6) {
    padding-top: 35px;
    padding-right: 15px;
}
.navbar a:hover {
    color:#6B8595;
}
.pics {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.img {
    flex:30%;
}

.content {
    margin-top:110px;
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    font-size:1.2em;
    line-height:1.8em;
}
.content > div{
    width:35%;
    padding:10px;
    margin:0px;
}

.content > div:nth-child(3){
    width:25%;
}

.content h1{
    padding:10px;
    color:#372216;
    background-color:#75A1B7;
    text-align: center;
}

.button {
    display:none;
}

.flex-container1 {
    display:flex;
    flex-flow: row nowrap;
    justify-content:space-around;
    height: 500px;
}
.flex-container1 > div:nth-child(2) {
    border: solid;
    width:30%;
}
a {
    color:#372216;
    display:block;
    text-decoration:none;
}
.content a:hover {
    box-shadow:8px 8px #6B8595;
}

.flex-container2 {
    font-family: 'Lora', serif;
    font-size:1.8em;
    display:flex;
    flex-direction: column;
    text-align: center;
    color:#372216;
    width: 100%;
}
.flex-container2 > div {
    width: 100%;
    line-height: 300%;
}
.footer {
    margin:0px;
    text-indent: 15px;
    font-size:1.3em;
    height:666px;
    width:100%;
    color:#372216;
    line-height:2em;
}
.footer a:active{
    color:#75A1B7;
}
.last{
    margin-left:550px;
    padding-bottom: 10px;
}
.butt {
    background-image: linear-gradient(#D9AA8E,#372216);
}
        @media all and (max-width: 768px) {
            .navbar {
                justify-content: space-around;
                margin-top: -125px;
            }
            .navbar > div:nth-child(1) {
                width:30%;
            }
            
            .content {
                margin-top:125px;
                flex-direction: column;
            }
            
            .content > div {
                width:100%;
            }
            .content > div:nth-child(3){
                width:100%;
            }
            
            .button {
                width:50%;
                display:block;
                border:solid 2px #6B8595;
                background-color:#75A1B7;
                margin-left: 150px;
                text-align: center;
            }
            
            #about img {
                margin-left:200px;
            }
            .last{
                margin-left:150px;
            }

        }

                @media all and (max-width: 600px) {
                     .content {
                margin-top:175px;
                    }
                    .navbar {
                        font-size: 1.25em;
                        margin-top: -175px;
                    }
                    .navbar img{
                        width:150px;
                    }
                    #about img {
                        margin-left:50px;
                    }
                    .last{
                        margin-left:50px;
                        
            }
                    .footer{
                        height:700px;
                    }
        }