index.css

body{
    background-color:#dfe6e9 !important;
    font-family: 'Shippori Mincho', serif !important;
}
.body{
    height: inherit;
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)),
    url("https://images.unsplash.com/photo-1499612657035-beb4431a3cdb?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MTZ8fHdvcmslMjBzcGFjZXxlbnwwfHwwfA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
    background-size: cover;
    background-position: center;
    text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
} 


 #container{
    color: rgba(255,255,255,.55);;
} 

.nav-item{
    font-size: 1.12rem;
    font-weight: 500;
    margin-left: 5rem;
}

#nolink{
    display: none;
}

.link{
    display: inline;
    padding: 1.1rem;
    color: rgba(255,255,255,.55);
}

.sizes{
    color: rgba(255,255,255,.55);
    font-size: 1.23rem;
    font-weight: 700;
    max-height: 50px;
    height: 30px;
}

.sizes:hover{
    color: rgba(37, 31, 31, 0.55);
}

.cover-container {
    max-width: 60vw;
}



.link:hover{
    border-left: 1px solid rgba(255,255,255,.55);
    color: rgba(255,255,255,.77);
}

.line{
    border-bottom: 2px solid black;
}


#about{
    width: 500px;
    font-size: 0.938rem;
    font-weight: 500;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#about:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}


@media only screen and (max-width: 990px){
     .nav-item{
         margin-left: 0;
     }
     .body{
         height: inherit;
     }
     #nolink{
        display: flex;
    }  
    #search.link{
        display: none  !important;
    } 
    #container{
        display: block;
    }
    #about{
        margin-bottom: 10px;
        border-bottom: 1px solid gray;
    }
}

 @media only screen and (max-width: 600px){
    .body{
        box-sizing: content-box;
        height: inherit;
        font-size: 8px;
    }
     .sizes{
        font-size: 12px;
        height: 10px;
        padding-bottom: 3px;
    } 
    #navbar{
        font-size: 12px;
        height: 50px;
        padding-top: 0;
    }
    .lead{
        font-size: 8px;
    }
    .collapse{
        font-size: 13px;
    }
    .navbar:first-of-type{
        height: 30px;
        padding-bottom: 3px;
    } 
    .text{
        display: flex;
       align-items: center;
       justify-content: center;
    }
    .d-flex.offset-3.d-sm-none{
        margin: 0;
    }
    #content.container{
        box-sizing: content-box !important;
    }
    #about{
        width: inherit;
        margin-bottom: 10px;
        border-bottom: 1px solid gray;
        font-size: 0.5rem;
    }
}