@font-face {font-family:open_sans; src:url('/fonts/open_sans.ttf'), url('/fonts/open_sans.eot');}
html, body {height:100%; background:#ffffff;}
div#frame {width:100%; min-width:320px; height:100%; min-height:640px; position:relative; background:#ffffff;}
header {width:inherit; height:60px; position:absolute; top:0; background:#56bc89; z-index:1;}
footer {width:inherit; height:50px; position:absolute; bottom:0; background:#007849;}
header>nav {float:left;}
header>nav:first-child {margin:0 0 0 12px; cursor:pointer;}
header>nav:first-child>li {width:48px; height:4px; margin:12px 0; background:#ffffff; -webkit-transition:0.2s; transition:0.2s; display:block;}
header>nav:last-child {width:100%; min-width:320px; height:0; display:none;}
header>nav:last-child>a {padding:0 0 0 12px; color:#ffffff; background:#56bc89; font:small-caps bold 1em/40px open_sans, sans-serif; display:block;}
header>nav:last-child>a:hover, header>nav:last-child>a.active {color:#56bc89; background:#ffffff;}
header>a {margin:0 12px 0 0; color:#016559; font:0.9em/60px open_sans, sans-serif; float:right;}
div.background {width:inherit; height:calc(100% - 110px); margin:60px 0 50px; float:left; background-repeat:no-repeat; background-position:center; background-size:cover;}
div.home {background-image:url('/images/home.jpg');}
div.portfolio {background-image:url('/images/portfolio.jpg');}
div.background>h1 {margin:100px 0 0; color:#ffffff; font:bold 3em open_sans, sans-serif; text-align:center;}
div.background>h1>span {color:#016559;}
div.background>p {margin:40px auto 0; color:#ffffff; font:bold 1.5em/40px open_sans, sans-serif; border-bottom:2px solid #ffffff; display:table;}
div.background>a {margin:40px auto 0; color:#016559; font:bold 1.5em/40px open_sans, sans-serif; border-bottom:2px solid #016559; display:table;}
div.portfolio>h1 {color:#ff3333; font-variant:small-caps;}
div#left-frame {width:100%; padding:60px 20px 0 0; box-sizing:border-box;}
div#left-frame>h1 {margin:30px 0 0; float:right; color:#016559; font:bold 1.2em/40px open_sans, sans-serif; text-align:right; clear:both;}
div#left-frame>p {float:right; color:#363636; font:italic 1em/20px open_sans, sans-serif; text-align:right; clear:both;}
div#right-frame {display:none;}
div.copyright {color:#ffffff; font:0.8em/50px open_sans, sans-serif; text-align:center; cursor:default;}
.disable-select {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
@media only screen and (min-width:768px)
{
header {height:100px; border-bottom:2px solid #016559; box-sizing:border-box;}
header>nav:first-child {display:none !important;}
header>nav:last-child {width:auto; float:right; display:block !important;}
header>nav:last-child>a {margin:0 30px 0 0; padding:0 0 4px; font:1.1em/100px open_sans, sans-serif; text-transform:uppercase; display:inline;}
header>nav:last-child>a:hover, header>nav:last-child>a.active {color:#016559; background:none; border-bottom:2px solid #016559;}
header>a {margin:0 0 0 30px; float:left; font-size:1em; line-height:100px; clear:both;}
div.background>h1 {margin:150px 0 0; font-size:4em;}
div.background>p, div.background>a {margin:50px auto 0; font-size:1.6em;}
div#left-frame {width:50%; padding:100px 40px 0 0; float:left;}
div#left-frame>h1 {margin:20px 0 0; font-size:1.3em;}
div#right-frame {width:50%; display:block; padding:100px 0 0; float:left; background:#ffffff; box-sizing:border-box;}
div.letter {width:300px; margin:50px 0 0; font:20em/300px open_sans, sans-serif;}
div.word {margin:0 0 0 190px; position:absolute; top:200px; color:#363636; font:bold 1.3em/25px open_sans, sans-serif;}
div.word span {float:left; clear:both;}
div.transform {-webkit-transform:rotate(-21.5deg); -ms-transform:rotate(-21.5deg); transform:rotate(-21.5deg);}
.c-fc4a1a {color:#fc4a1a;}
.c-007849 {color:#007849;}
div.copyright {margin:0 30px 0 0; font-size:0.9em; text-align:right;}
}
@media only screen and (min-width:1200px)
{
header>nav:last-child>a {margin:0 50px 0 0;}
header>a {margin:0 0 0 50px;}
div#right-frame {padding:100px 0 0 20px;}
div.copyright {margin:0 50px 0 0;}
}