body{
    margin:0 auto;
    text-align:center;
    background-color:#040820;
    font-size:15px;
    height:100vh;
}
#container{
    width:100%;
    margin:0 auto;
    text-align:center;
    height:100vh;
}

table {
    margin:0 auto;
    text-align:center;
    vertical-align:middle;
    height:100vh;
    width:33vw;
    float:left;
}
.homepage table{
    vertical-align:middle;
    height:100%;
    text-align:center;
}
.homepage tr {
    vertical-align:middle;
    width:100%;
    text-align:center;
}
.homepage td {
    width:33%;
    min-width:350px;
    vertical-align:middle;
    text-align:center;
}
h1 {
    font-family:'Roboto Condensed', sans-serif;
    font-size:2em;
    color:#ffffff;
    font-weight:700;
    text-align:center;
}
h2 {
    font-family:'Roboto Condensed', sans-serif;
    font-size:1em;
    color:#ffffff;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
}
h3{
    font-family:'Roboto Condensed', sans-serif;
    font-size:1.5em;
    color:#3b3b3b;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
}
p {
    font-size:1em;
    font-family: 'Georgia', serif;
    color: #ffffff;
    line-height:20px; 
    text-align:left;
    font-style:oblique;
    margin-left:50px;
    margin-right:50px;
}
p2 {
    font-size:1em;
    font-family: 'Georgia', serif;
    color: #3b3b3b;
    line-height:20px; 
    text-align:left;
    font-style:oblique;
}
p3 {
    font-size:1em;
    font-family: 'Georgia', serif;
    color: #3b3b3b;
    line-height:20px; 
    text-align:left;
}
p4 {
    font-size:1em;
    font-family:'Roboto Condensed', sans-serif;
    color:#3b3b3b;
    line-height:20px; 
    text-align:left;
    font-weight:300;
}

hr{
    color:#ffffff;
}

a:link {
    text-decoration:none;
}

.button{
    width:167px;
    height:30px;
    border-radius: 8px;
    border: solid 2px #ffffff;
    text-align:center;
    padding-bottom:10px;
    margin:0 auto;
}
.bottomnav{
    width:167px;
    height:30px;
    border-radius: 8px;
    border: solid 2px #3b3b3b;
    text-align:center;
    padding-bottom:10px;
    margin:0 auto;
    margin-bottom:50px;
}
#workimage{
    height:auto;
    overflow:hidden;
    text-align:center;
}
label{
    font-size:1em;
    font-family: 'Georgia', serif;
    color: #ffffff;
    line-height:20px; 
    text-align:left;
    font-style:oblique;
    vertical-align:top;
}
input{
    text-align:left;
    width:30em;
    font-family:'Roboto', sans-serif;
    border-radius:5px;
    border-style:none;
    height:2em;
}
textarea{
    text-align:left;
    width:30em;
    height:12em;
    overflow:scroll;
    font-family:'Roboto', sans-serif;
    border-radius:5px;
    border-style:none;
}
form {
    margin-top:40px;
}
input[type=submit]{
    width:167px;
    height:40px;
    border-radius: 8px;
    border: solid 2px #ffffff;
    text-align:center;
    margin:0 auto;
    background-color:transparent;
    font-family:'Roboto Condensed', sans-serif;
    font-size:1em;
    color:#ffffff;
    font-weight:700;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}
ul li{
    display:inline-block;
    margin-right: 50px;
}
#top_navigation{
    position:fixed;
    background-color:#040820;
    width:100vw;
    height:auto;
    text-align:center;
    overflow:auto;
    z-index:100;
}
.portfoliosquare {
    text-align:center;
    position:relative;
    float:left;
    margin:auto 0;
    width:33%;
    height:33%;
    min-width:350px;
    min-height:350px;
    background-color:#040c55;
}
#cushion{
    width:100%;
    height:7em;
    position:relative;
}
#collection{
    text-align:center;
    margin:0 auto;
    max-width:1440px;
    text-align:center;
}
.porthover a:hover{
    text-decoration:none;
    color:#040c55;
    /*opacity:0.2;*/
}
#collection img:hover{
    opacity:0.2;
}
.currentpiece {
    background-color:#ffffff;
    text-align:center;
    position:relative;
    float:left;
    margin:0 auto;
}
#portfoliospace{
    position:relative;
    float:left;
}
#firstimage{
    position:relative;
    float:left;
    margin:0 auto;
    min-height:100px;
    width:50vw;
}
#introcopy {
    position:relative;
    float:left;
    margin:0 auto;
    width:50vw;
    text-align:left;
    vertical-align:middle;
    display:table-cell;
}
#pieces table{
    width:100vw;
    height:auto;
}
#pieces td{
    width:auto;
    height:auto;
}
#pieces img {
    width:50vw;
    height:auto;
}
#block1{
    padding-top:25px;
    width:50vw;
    height:auto;
    text-align:center;
    margin:0 auto;
    min-width:100px;
}
#block2{
    padding-top:25px;
    width:50vw;
    height:auto;
    text-align:left;
    margin:0 auto;
    min-width:100px;
}
.centerimages{
    text-align:center;
    margin:0 auto;
    min-width:100px;
}