html, body{height:100%; width:100%; margin:0; padding:0; font-size: 1em; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
h1{2.5em}
h2{2em}
.gray{background-color:#C5C8C7;}
.blue{background-color:#3B92B0; outline:1px solid white;}
.lightblue{background-color:#85B9CA;outline:1px solid white;}
.cube{width:50%;height:10%; float:left;}
.divider{width:100%; float:left; height:10%;}
.topleftgray{background-color:#C5C8C7; width:7%; height:100%; float:left;}
.topleftred{background-color:#DE696A; width:14%;height:100%; float:left;}
.toprightgray{background-color:#9AAB9E; width:79%;height:100%; float:left;}
.leftbar{float:left; height:85%; width:14%;}
.topbar{height:15%; width:100%; color:#ffffff;}
.nfloat{clear:both;}
.finalheight{height:40%}
.title{padding-left:3%;padding-bottom:0;margin:0;font-weight:normal;font-size:2.5em;white-space:nowrap;}
.titlediv{float:left;}
.subtitle{padding-left:3%;margin:0;font-weight:normal;font-size:2em;}
.toprightgray a{text-decoration:none;}
.navbutton{font-size:2em;float:right; padding-top:3%; padding-right:3%; color:white;}
.navbutton:hover{color:#DE696A;}
.menuLink{cursor:pointer;color:white;float:left; margin-left:5%;}
.titlebutton{
	float:right; width:18%;height:70%; background-color:#D8D8D8; cursor:pointer;
}
.titlebutton:hover{  
    background-image: linear-gradient(bottom, rgb(255,255,255) 3%, rgb(154,171,158) 54%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(154,171,158) 54%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(154,171,158) 54%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(154,171,158) 54%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 3%, rgb(154,171,158) 54%);
    background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0.03, rgb(255,255,255)),color-stop(0.54, rgb(154,171,158)));
}
.titlebutton:active{border:.25% solid #DE696A;}

.body{float:left; width:86%;height:85%;}

.bodyimage{height:100%;width:100%;outline:2px solid white;position:relative;background-color:black;}
.firmImage{position:relative; float:right;height:100%;width:37%;margin-right2%;outline:2px solid #DE696A;padding:3px;background-color:black;}

.expandimg{height:100%; width:100%;}
.fitimage{
  position: absolute;
    margin: auto;
    max-height:100%;
    max-width:100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.topInfo{text-align:right;font-size:1.25em;height:20%;color:#5C675F;}
.bottomInfo{float:left; height:80%;width:100%;}
.resume{float:left;width:60%;height:100%;min-width:460px;}
.resumetable{border-collapse:collapse;font-size:1.25em;color:#5C675F;}
.resumetable td{padding:10px 0px 0px 10px;}
.resleft{width:30%;}
.resright{width:70%;}

.tiny{font-size:.65em;}

#galleria{height:100%; width:100%;}

@media all and (max-width: 750px) {
  .resumetable,.topInfo{font-size:.75em;}
}
@media all and (max-width: 450px) {
	h1{font-size:1em;}
}
@media all and (max-height: 670px) {.resumetable,.topInfo{font-size:1em;}}


@media all and (max-width: 1055px) {.menuLink{margin-left:0;}}
@media all and (max-width: 1000px) {
	.navbutton{font-size:1.5em;} 
	.title{font-size:2.25em;}
	.subtitle{font-size:1.75em;}
}

@media all and (max-width: 865px) {
	.title{font-size:2em;}
	.subtitle{font-size:1.5em;}
}
@media all and (max-width: 800px) {
	.navbutton{font-size:1em;}
}
@media all and (max-width: 750px) {
	body{font-size:.90em;}
}
@media all and (max-width: 570px) {
	body{font-size:.85em;}
}
@media all and (max-height: 600px) {
	body{font-size:.85em;}
}
@media all and (max-height: 490px) {
	body{font-size:.75em;}
}
@media all and (max-height: 325px) {
.title{font-size:1.5em;}
.subtitle{font-size:1em;}
}