body { background: #f0f0f0; font: normal normal 62.5%/1 "proxima-nova", sans-serif; color: #6f7271; cursor: default; }

a { text-decoration: none; }

img { display: block; }

.wrapper { max-width: 1200px; width: 100%; padding: 0 50px; margin: 0 auto; }

.float { position: fixed; z-index: 1; width: 100%; }
.float .wrapper { position: relative; }
#submark { position: absolute; left: 0; z-index: 100; top: 100px; opacity: 0; transition: opacity 0.3s ease-in; }
#submark.scrolling { opacity: 1; }

#header { transition: opacity 0.3s ease-in; padding: 100px 0; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100%; }
#header.scrolling { opacity: 0; }
#logo { display: inline-block; }

#main-menu.scrolling { opacity: 0; }
#main-menu { transition: opacity 0.3s ease-in; position: absolute; left: 50%; transform: translateX(-50%); top: 252px; width: 100%; }
#main-menu li { float: left; width: calc(100% / 3); text-align: center; }
#main-menu li:first-child { text-align: right; }
#main-menu li:nth-child(3) { text-align: left; }
#main-menu a { transition: color 0.3s ease-in; font: 300 2.4em/1 "Canela", serif;  color: #a8aaa9; display: inline-block; }
#main-menu li.current a, #main-menu a:hover { color: #6f7271; }

#page { position: relative; top: 276px; }

#footer .col-2 { padding: 0 50px; }
#footer .disclaimer { text-transform: uppercase; color: #7d807f; letter-spacing: .2em; font-size: .8em; line-height: 1; }
#footer .disclaimer span { font-weight: 600; }
#footer .disclaimer a { font: normal 1.4em/1 "Caslon540 BT", serif; color: #7d807f; text-transform: none; letter-spacing: normal; margin-left: 25px; }
#footer .disclaimer a span { font-weight: normal; position: relative; top: 1px; }
#footer-menu { margin-bottom: 25px; }
#footer-menu li { float: left; margin-right: 50px; }
#footer-menu a { font: 300 1.2em/1 "Canela", serif; text-transform: uppercase; letter-spacing: .2em; color: #6f7271; }

#mosaic .col-2 { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
#mosaic .col-2 .post { width: calc(100% / 3); margin: 100px 0; padding: 0; display: inline-block; position: relative; }
#mosaic .col-2 .post:nth-child(1), #mosaic .col-2 .post:nth-child(4) { width: calc((100% / 3) * 0.75); }
#mosaic .col-2 .post:nth-child(3), #mosaic .col-2 .post:nth-child(6) { width: 50%; margin: 0 25%; }
#mosaic .col-2 .post:nth-child(1) .thumbnail, #mosaic .col-2 .post:nth-child(4) .thumbnail { width: 100%; padding-bottom: calc(100% + (100% / 3)); display: block; margin-bottom: 25px; background: #fff; border-radius: 2px; }
#mosaic .post .thumbnail { overflow: hidden; position: relative; width: 100%; padding-bottom: 75%; display: block; margin-bottom: 25px; background: #fff; border-radius: 2px; }
#mosaic .post .thumbnail .img { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 1; }
#mosaic .post .thumbnail:after { transition: background 0.3s ease-in; content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(111, 114, 113, 0); }
#mosaic .post a:hover .thumbnail:after { background: rgba(111, 114, 113, .4); }
#mosaic .post .content { padding: 0 2px; }
#mosaic .post .cats { text-transform: uppercase; color: #8b8e8d; letter-spacing: .2em; font-weight: 600; font-size: 1em; line-height: 1; margin-bottom: 12px; position: relative; }
#mosaic .post .title { font: 300 3.2em/1 "Canela", serif; color: #6f7271; margin-bottom: 12px; }
#mosaic .post .desc { font: 1.6em/1 "Caslon540 BT", serif; color: #7d807f; }
#mosaic .post .cats span { position: relative; width: 1px; height: 100%; left: -.5px; display: inline-block; text-indent: -9999px; background: #c5c6c6; }

#footer { padding: 50px 0 75px; margin-top: 100px; border-top: 1px solid #d3d4d4; text-align: center; }

#soon { position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); text-align: center; }
#soon h1 { margin-bottom: 100px; display: inline-block; }
#soon h2 { font: 300 2.4em/1 "Canela", serif;  color: #6f7271; text-align: center; display: block; }

::-moz-selection { background: #ced8e4; }
::selection { background: #ced8e4; }

::-webkit-input-placeholder {
  color: #383536;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #383536;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #383536;
}
:-moz-placeholder { /* Firefox 18- */
  color: #383536;
}