* {box-sizing:border-box;}

body {margin:0px;
        background: linear-gradient(rgba(240,221,207,1)0%, rgba(162,121,111,1)100%);
        background-attachment: fixed;
        color: #745141;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

#wrapper {background-color:#f0ddcf;
        display:grid;
        grid-auto-rows: minmax(0px,auto);
        grid-template-columns: minmax(0px, 1fr) repeat(10, minmax(0, 96px)) minmax(0px, 1fr);
}

#topbar {
        background-color:#954c39;
        grid-row:1/2;
        grid-column:2/12;
}

header {background-color: #954c39;
        grid-column:2/12;
        grid-row:1/2;}

.btn {border:none;
        color:#fbf4ed;
        background-color: inherit;
        padding: 14px 28px;
        font-size: 16px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        cursor: pointer;
        display: inline-block;
        justify-content:space-evenly;
}

.btn:hover {background-color: #713822;
        color:#313037;        
}

#estimate {float:right;}

#redrockhero {
        height: 300px;
        background-image:url(milestone3pics/redrock.jpg);
        background-size:cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom:0;
        grid-column:2/12;
        grid-row:2/3;
}

#navbar {background-color: #a95736;
                grid-column:2/12;
                grid-row: 3/4;
        }

nav {grid-column:2/12;
        grid-row:3/4;
        margin-top: 0px;
        display: flex;
        flex-flow: row nowrap;
        background-color: #a95736;
        justify-content: space-evenly;
        text-align:center;
}

ul a {color:#3b343b;
        display: flex;
        align-items: center;
        text-align: center;
        list-style:none;
        padding: 12px 25px;
}

li {
        text-align:center;
        display:inline-block;
        margin-bottom: 2px;
        justify-content:space-around;
}

#rightnav, #leftnav {
        display: flex;
        position: relative;
        align-items: center;
        width:50%;
        text-align:center;
        justify-content: space-around;
        left: -20px;
}

nav div {
        position:relative;
        background-color: #a95736;
}

nav img {
        border-radius: 49%;
        opacity: 1;}

nav a:hover {background-color:#e29970;
                text-decoration: underline;
                text-decoration-color: #3b343b;
        }

.clear {clear:both;}

main {
        grid-column:2/12;
        grid-row: 4/5;
}

#mainsection {
        background-image: url("milestone3pics/prints.jpg");
        height: 500px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        grid-column:2/12;
        grid-row:4/5;
}

#estimatebtn {border-style: solid;
        border-color:#e68a56;
        color:#fbf4ed;
        background-color: #b46449;
        padding: 14px 28px;
        font-size: 16px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        position: relative;
        top:18rem;
        left:-18.90rem;
}

#gallerybtn {border-style: solid;
        border-color:#e68a56;
        color:#fbf4ed;
        background-color: #b46449;
        padding: 14px 28px;
        font-size: 16px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        position: relative;
        top:19rem;
        left:-18.60rem;
}

#mainsection button:hover {
        background-color:#e68a56;
}

section {display:block;
        width:25%;
        float:left;
        text-align:center;
}

section a {justify-content: center;}

#worrying {float:left;
        width:40%;
        padding-left:5.5rem;
        padding-top: 5rem;
        color:#745141;
}

#servicessection h2 {text-align:center;}

#services section h3, a {font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                        text-decoration:none;
                        color:#745141;
}

section img {border-radius:50%;
                border-style: solid;
                border-color: #745141;
}

section:hover {
                opacity:.7;
                cursor: pointer;
}

footer {font-size:0.70em;
        font-style:italic;
        text-align: center;  
        background-color: #954c39;
        color:#e5cfbc;   
        grid-column:2/12;
        grid-row:6/7;
}