#wrapper {
    border-color:#fff;
    display:grid;
    grid-auto-rows:auto;
    grid-template-columns:minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
}
h1 {
    font-family:cursive;
    color:#000;
    font-size: 6rem;
    text-align:center;
    margin-bottom:-40px;
}
h2 {
    font-family:georgia;
    color:#000;
    font-size: 2rem;
    text-align:right;
    margin-right:320px;
}
h3 {
    color:#fff;
    background-color:#000;
    background-size:contain;
    font-size:3rem;
    padding:10px;
}
p {
    margin-left:10px; margin-right:10px;
    margin-top:-20px;
}
nav {
    background-color:#000;
    padding:0.5rem;
    grid-auto-rows:auto;
}
nav a {
    color:#fff;
    text-decoration:none;
    display:block;
    text-align:center;
}
a:hover {
    border-style:dotted;
    border-color:#fff;
}
a:active {
    border-style:dotted;
    border-color:#fff;
}
nav ul {
    list-style-type:none;
    display:flex;
    flex-flow:nowrap;
}
nav ul li {
    width:100%;
}
body {
    text-align:left;
}
main {
    margin-left:18rem;
    margin-right:18rem;
    border-bottom: dotted; color:#000;
    border-left: dotted; color:#000;
    border-right: dotted; color:#000;
}
footer {
    text-align:center;
    color:#fff;
    background-color:#000;
    padding:3rem;
    margin-top:50px;
}
#homehero {
    background-image:url(images/twins.jpeg);
    height:360px;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    background-attachment:fixed;
}