body {background-color: #1d1d1d;color: #cdcdcd;font-size: 1.2rem;font-family: Rubik; margin: 0;line-height: 2rem; font-weight: 100;}

h1 {font-size: 1.8rem; margin: 0px 0 20px;}
h4 {font-size: 1.4rem; font-weight: 700; margin: 4% 0px 2%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
a {color: #D1BF61; text-decoration: underline;}
a:hover {color: #D1BF61; font-weight: 700;text-decoration: underline;}
.text-gray {color: #6c6c6c;}

.summary li{list-style-type: none; padding: 10px; margin: 0 20px; display: inline-block;}
.summary {text-align: center; }
li img {padding-right: 10px;}

.projectools div{padding: 10px 0px;}
.projecthumbs div{padding-right: 5px; display: inline;}
.contacthumbs div{padding: 0px 40px; display: inline;}

.navbar ul {list-style-type: none; background-color: #1d1d1d; padding: 0 auto; margin: 0; overflow: hidden;}
.navbar a {text-decoration: none; padding: 20px; display: block; text-align: center;font-size: 1.2rem;}
.navbar li {float: left; padding: 20px;}
.navbar a:hover {color: #D1BF61; border: 2px solid #D1BF61;}

a.activelink:active {color: #D1BF61; border: 2px solid #D1BF61;}