body {
    margin:0;
    padding: 0;
    box-sizing: border-box;
} 

/*
header h1 {
    text-align: center;
    font-size: ; 
}
*/

#column1, #column2, #column3 
{
    width: 98%;        /*1320px; */
    margin: 20px auto 0;
    background: #D3D3D3;
    opacity: 0.6;
    color: black;
    padding: 0 10px;
    font-weight: 500;
}

#brand-name {
    font-size: 30px;
}

#nav-list {
    background: #FF69B4;
    font-weight: 700;
}

.navbar-brand > p {
    font-size: 700;
}

@media (min-width: 992px){
    #column3 {
        width: 30%;
        margin-left: 4.5%
        }
    #column1{
        width: 30%;
        margin-right: 4.5%
    }
    #column2 {
        width: 30%;
        /* margin: 0 1% */
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #column1 {
        width:48%;
        margin-right:2%
    } 
    #column2 {
        width:48%;
        margin-left:2%
    } 
    #column3 {
        width: 100%;
    }
} 

@media (max-width: 767px) {
    #column1,  #column2, #column3 {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        }
}