body, html { padding: 0px; margin: 0px; width: 100%; height: 100%; background-color: #252526; color: #d07c3e; font-family: "acumin-pro-wide"; font-size: 11px; }
@media only screen and (min-width: 1100px) { body, html { font-size: 14px; } }

.clearfix { clear: both; }

a { color: #eae9d3; text-decoration: none; }

a:hover { text-decoration: underline; }

.container { height: 100vh; padding: 10px; box-sizing: border-box; }
@media only screen and (min-width: 768px) { .container { display: flex; padding: 20px; } }
.container .sidebar { width: 100%; display: flex; flex-direction: column; position: relative; justify-content: space-between; }
@media only screen and (min-width: 768px) { .container .sidebar { flex: 0 0 300px; } }
@media only screen and (min-width: 1100px) { .container .sidebar { flex: 0 0 400px; } }
.container .sidebar .logo { width: 80%; display: block; margin: 5% auto 0 auto; }
@media only screen and (min-width: 768px) { .container .sidebar .logo { width: 75%; } }
@media only screen and (min-width: 1100px) { .container .sidebar .logo { margin: 15% auto 0 auto; } }
@media only screen and (max-height: 630px) { .container .sidebar .logo { margin: 0 auto; } }
.container .sidebar .tagline { width: 80%; display: block; margin: 0 auto; margin-top: 10%; }
@media only screen and (min-width: 1100px) { .container .sidebar .tagline { width: 75%; } }
.container .sidebar .info { width: calc(100% - 20px); display: flex; margin-bottom: 15px; padding-left: 20px; padding-right: 5px; }
@media only screen and (min-width: 768px) { .container .sidebar .info { position: relative; bottom: 0px; margin-bottom: 0px; } }
.container .sidebar .info a.mail-to { color: #d07c3e; }
.container .sidebar .info .right-side { width: 40%; }
@media only screen and (min-width: 1100px) { .container .sidebar .info .right-side { width: 35%; } }
.container .sidebar .info .left-side { flex-grow: 1; }
.container .content { flex-grow: 1; position: relative; }
@media only screen and (min-width: 768px) { .container .content { margin-left: 20px; } }
.container .content .photo { width: 100%; height: calc(100vw * (1333 / 2000)); background-image: url("../img/photo.jpg"); background-size: cover; background-position: center center; }
@media only screen and (min-width: 768px) { .container .content .photo { height: calc(100vh - (100vw * (84 / 947)) - 20px); } }
.container .content .shape { width: 100%; margin-top: 15px; }
@media only screen and (min-width: 768px) { .container .content .shape { position: absolute; bottom: 0px; margin-top: 0px; } }

.text-start { text-align: left; }

/*# sourceMappingURL=style.min.css.map */