@import url('https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap');

/* Container */

body {
  background-image: url('coffee_backdrop.jpg');
}

.container {
    margin:auto 0;
    position:relative;
    padding: 100px;
    padding-left: 200px

}

* {
    box-sizing: border-box;
}

.column {
    float: left;
    padding: 10px;
}

.left {
    width: 25%;
    max-width: 200px
}

.left h2{
    font-family:  Arial, sans-serif
}

.right {
    width: 75%;
    padding-top: 0px;
    background-color: #e3dac9;
}

.right p{
    font-family: serif;
}

.right h2{
    font-family: "Reenie Beanie", cursive;
    font-weight: 200;
    padding-top:0px;
    font-size:40px;
    text-align:center;
}

.right h3{
    font-family:  "Times New Roman", sans-serif;
    font-weight: 1;
    padding-top:0px;
    font-size: 20px;
}

.row:after{
    content: "";
    display: table;
    clear: both;
}

img {
  max-width: 100%;
  height: auto;
}

.icon{
    position:absolute;
    pointer-events:none;
    top:126px;
    transform: translateX(540%);
    z-index : 3;
}


.banner {
    max-width:100%;
    max-height: 200px;
    overflow: hidden;
}

.banner img {
    max-width:100%;
    background-size: cover;
}

/* Navigation */

.navbar {
                background-color: #b49e78;
                /* navbar color */
                width: 100%;
                padding: 10px;
                order: 1;
            }

.navbar li {
    list-style-type: none;
    text-transform: lowercase;
}

.navbar a {
                display: flex;
                font-family: Arial, sans-serif;
                color: rgb(133, 102, 45);
                font-weight: 700;
                text-decoration: none;
                text-align: center;
                margin: 0;
                padding:5px;
                list-style-type: none;
                justify-content: space-evenly;
            }

.navbar a:hover {
                color: rgb(250, 216, 137);
                text-decoration: underline;
            }

.flex {
                display: flex;
            }

/* Body */

body{
    margin:0;
}