Body { 
    background-color: #952e02;
    background-image: url(/assets/imgs/orangetile.jpg);
    background-size: 300px;
    color: floralwhite;
    font-size: 20px;
    font-family:  "IM Fell DW Pica";
    position: relative;
}

h1 { 
    color: #0f186e;
    font-family: "Mr Dafoe";
     font-size: 70px;
}

h2 {
    color: #812101;
   
}
a:link {
    font-size: 25px;
    
}

main img {
    border-radius: 30px;
}

@media only screen and (max-width: 767px) {
    #container {
    width: 1000px;
    margin: 20px;
display: grid;
}
 
    }

header, main, nav, .portfolio, .step {

    border-radius: 30px;
    padding: 30px;
    background-color: #a39072;
    ;
}
.step {
    text-align: center;
}
.paperOverlay{
background-image: url(/assets/imgs/texture.jpg);
    background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
    background-repeat: repeat-x;
margin: -100px;
    mix-blend-mode: multiply;
    opacity: 60%;
    pointer-events: none;
    
}

#container {

    margin: 30px auto;
    max-width: 1200px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 200px minmax(0,1fr);
}

header {
    text-align: center;
    grid-column: 1/3;
    grid-row: 1/2;
    margin: 0px 300px;
}

main, .portfolio {
    grid-column: 2;
  
}
.title {
    
}
nav {
    grid-column: 1/2;
    grid-row: 2/3;
    text-align: center;
    margin-bottom: auto;
}

.portfolio {
    text-align: center;
  
}

.portfolio img {
    z-index: 10;
    height: 250px;
    transition: .5s;
    display: flex auto;
   z-index: 100;
    border-radius: 30px;

    

    
    
    
    
}

.portfolio img:hover {
    transform: scale(1.5);
 
}

.image {
    text-align: center;

}

footer {
    text-align: center;
    grid-column: 1/3;
}