*{
    margin: 0; padding: 0; border: 0;
    box-sizing: border-box;
}
body {
    position: relative;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* height: 100vh; */
}

/* -------HEADER-------- */
header h1 {
    color:hsl(130, 65%, 65%);
    letter-spacing: .2em;
    text-shadow: black 3px 3px 3px;
    margin: 10px;
    padding-bottom: 10px;
}

header {
    background-color: hsl(170, 15%, 35%);
    /* display: flex; */
    width: 100%;
    /* height: 100px; */
    /* columns: 2; */
    position: fixed;
}

#wrapper {
    columns: 2;
}

header nav {
    /* color: hsl(130, 65%, 65%);    */
    /* display: flex; */
    /* display: inline-block; */
    padding: 3px;
}

header nav ul li {
    list-style: none;
    float: right;
    /* position: absolute; */
    padding: 15px;
}

header nav ul li a {
    color: hsl(130, 65%, 65%);
    text-decoration: none;
}

header div#Tquote {
    background-color: darkslategray;
    color: ivory;
    display: flex;
    /* overflow: hidden; */
    width: 100%;
    /* flex-direction: row;
    flex-wrap:wrap;
    flex-flow: row; */
}

header div#Tquote img {
    height: 70px;
    margin: 5px;
}

#quote {
    /* width: 95vw; */
}

#name {
    /* display: block; */
    text-align: right;
    /* position:relative; */
    /* white-space: pre; */
    position: absolute;
    right: 0;
    padding: 3px;
    transform: translateY(-30px);
    color: ivory;
    font-style: italic;
}

/* -------MIDDLE-------- */
article {
    background-image: url(/images/bikes.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
    /* overflow: hidden; */
    /* background-position:center; */
    background-attachment: fixed;
}

#bikes {
    padding-top: 340px;
    text-align: center;
    position: relative;
}

#bikes div {
    display: inline-block;
    width: 20vw;
    border: ivory 2px solid;
    height: 150px;
    border-radius: 15px;
    margin: 5px;
    overflow: hidden;
    filter: grayscale(1);
    background-color: grey;
}

#bikes div h2 {
    color: ivory;
    /* display: none; */
    position: absolute;
    /* text-align: center; */
}

#bikes div a {
    text-decoration: none;
}

#bikes div img {
    /* width: 100%; */
 height: 100%;
 text-align: center;
 margin: 0px auto;
 /* position: absolute; */
}

#bikes div:hover {
    border: yellow 2px solid;
    filter: none;
}

/* #bikes div:nth-child(1) {
    /* position: ; */

/* ---------FOOTER--------- */ /*------DONE!!!!-----*/
footer {
    position:fixed;
    bottom: 0;
    background-color: hsl(170, 15%, 35%);
    text-align: center;
    width: 100vw;
}

footer h2 {
    color: black;
    margin: 5px;
}

footer ul {
    color: ivory;
    display: flex;
    /* text-align: center; */
    /* width: 100vw; */
}

footer ul li {
    display: inline-block;
    text-align: center;
    padding: 2px;
    margin: 5px auto;

}

footer ul li a {
    color: ivory;
}

footer p {
    margin: 5px;
    border-top: 2px dotted;
}