header{
    background-color: #e6e3e1;
    min-height: 90px;
    border-bottom: #506369 5px solid;

}
body{
    font-family:"didot";
}

.container{
    color: #506369;
    width: 80%;
    margin: auto;
}
.a{
    color: white;
}

.highlight{
    color: #506369;
}
header h1{
    float: left;
}

header li{
    display: inline;
    margin: 10px;
}

header a:hover{
    color: #e8c3bf;
}
header a{
    text-decoration: none;
    color: white;
    
}

header nav{
    float: right;
}

#showcase{
    min-height: 300px;
    text-align: center;
    background-size: cover;
    padding-top: 5px;
    margin-top: 5px;
}
/*three boxes*/
#boxes{
    padding-top: 20px;
    margin-top: 5px;
    float:left;
    width:100%;
    background-color: #e6e3e1;
    border-bottom: #506369 5px solid;
    
}

.box{
    float:left;
    width: 33%;
    text-align: center;
}

.box img{
    width: 25%;
    height: 10%;
}

#mainCol{
    width:60%;
    float:left;
}

#main{
    margin-top:30px;
    min-height:300px;
}

#main img{
    width:25%;
    padding-left:20px;
}

.sidebar{
    width:30%;
    margin-top:30px;
    background-color: #e6e3e1;
    float:right;
    padding-left:10px;
    color:white;
    
}

#projects{
    min-height:1000px;
    margin-top:10px;
    
}

table{
    width:80%;
    color:grey;
    margin-top:20px;
    margin-bottom: 20px;
    padding:10px;
        border:2px solid #506369;
        border-radius: 5px;
        background-color:;
        text-align: center;
}

.tableLeft{
    float:left;
}

.tableRight{
    float:right;
}

.footer{
    text-align: center;
    margin-top: 200px;
    padding: 10px;
    background-color: #e8c3bf;
    bottom: 0;
    color:#506369;
    padding-top:25px;
    border-top: #506369 5px solid;
    
}

.footer a{
    color:#506369;
    text-decoration:none;
}

.footer a:hover{
    color: white;
}

.footerHome{
    text-align: center;
    margin-top: 200px;
    padding: 10px;
    background-color: #e8c3bf;
    bottom: 0;
    color:#506369;
    padding-top:55px;
    border-top: #506369 5px solid;
    
}

.footerHome a{
    color:#506369;
    text-decoration:none;
}

.footerHome a:hover{
    color: white;
}

.projectsfooter{
    text-align: center;
    margin-top: 2500px;
    padding: 10px;
    background-color: #e8c3bf;
    bottom: 0;
    color:#506369;
    padding-top:25px;
    border-top: #506369 5px solid;
    
}

.projectsfooter a{
    color:#506369;
    text-decoration:none;
}

.projectsfooter a:hover{
    color: white;
}