#logo{
    width: 50px;
    margin-left: 5px;
    margin-right: 20px;
}

#header{
    margin-top: 5px;
}

footer{
    margin-top: 7px;
}

/* projects page css  */

.col_margin{
    margin-bottom: 20px;
}

.img_margin{
    margin-bottom: 15px;
}

/*  contact page css  */

.viber_icon{
    height: 20px;
    width: 20px;
}

/*  dropdown menu page wide */

#display_dropdown ul li a{
    background-color: white;
}

/*  display menu bigger screens */

@media only screen and (min-width: 768px) {
    #display_dropdown{
        display: none;
    }
    #display_nav{
        display: block;
        border-style: none;
    }
    
    #nav{
    background-color: #363948;
    }
    
    #nav li a{
        color:white;
    }
    
    #nav li:active{
        background-color: white;
    }
    
    #nav li a:active{
        background-color: white;
    }
    
    #nav li a:hover{
        background-color: #269abc;
    }
    
    #header img{
        padding-bottom: 5px;
        width: 250px;
        height: 70px;
    }
    
    #header p{
        padding-top: 12px;
        font-size: 20px;
    }
}

/* display dropdown smaller screens */

@media only screen and (max-width: 768px) {
    #display_dropdown{
        display: block;
    }
    #display_nav{
        display: none;
    }   
}