@charset "UTF-8";
/* CSS Document */

body { background: #ededed;
margin: 0 auto;
width: 100%;
color: #000;
}
h1 { font-family: 'ArmitageThinRegular', helvetica, arial;
font-size: 36px;
line-height: 1.3em;
font-weight: normal;
}
h2 { font-family: georgia, 'times new roman', serif;
font-size: 11px;
line-height: 1.5em;
letter-spacing: 1.3px;
font-weight: normal;
}
.foot { color: #f26f5d;
font-size: 10px;
font-weight: normal;
}

p { font-family: georgia, 'times new roman', serif;
font-size: 14px;
line-height: 1.25em;
letter-spacing: .6px;
font-weight: normal;
}

a { text-decoration: none;
}

.link { text-decoration: none;
color: #000;
border-bottom: #F4823C 1px solid;
}

.link a:hover { text-decoration: none;
color: #000;
border-bottom: #F4823C 2px solid;
}

* {
    box-sizing: border-box;
}

img { 
max-width: 100%;
height: auto;
}

.logo {
float: left;
margin: 0;
padding: 20px 0 10px 0;
}

.nav {
float: left;
margin: 0;
padding: 0;
}

ul { list-style-type: none;
display: block;
width: 100px;
}

ul.nav a { font-family: helvetica, arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.6em;
color: #414042;
margin: 0;
padding: 0;
list-style-type: none;
letter-spacing:.1em;
border-bottom: #000 1.5px solid;
overflow: hidden;
}

ul.nav a:hover { border-bottom: #f26f5d 1.5px solid;
}

li {
float: left;
padding-bottom: 1px;
}

li a, .dropbtn {
display: block;
}

li a:hover, .dropdown:hover .dropbtn {
border-bottom: #f26f5d 1.5px solid;
}

li.dropdown {
display: block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
width: 200px;
}

.dropdown-content a {
color: #000;
text-decoration: none;
display: block;
text-align: left;
}

.dropdown-content a:hover {
background-color: #f26f5d;
}

.dropdown:hover .dropdown-content {
display: block;
}

#wrapper { height: 100%;
width: 18%;
margin: 0 0 10px 30px;
float: left;
}

#content { height: 100%;
width: 76%;
margin: 10px;
float: left;
}

#contentabout { height: 100%;
width: 42%;
margin: 16px 10px 10px 20px;
float: left;
}

.leftcolumnrule {
border-top: 1.5px solid #000;
position: absolute;
bottom: 0;
float: left;
width: 18%;
}


/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

#projectcol1,#projectcol2 {
width: 33%;
height: 100%;
float: left;
padding-left: 20px;
}