*, *:after, *:before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .clearfix:before, .clearfix:after {
     content: '';
     display: table;
}
 .clearfix:after {
     clear: both;
}
 a, button {
     color: #74716D;
     text-decoration: none;
     outline: none;
}
 a:hover, a:focus {
     color: #c94e50;
     outline: none;
}
 button {
     padding: .6em 1em;
     outline: none;
     font-weight: 600;
     border: none;
     color: #fff;
     background: transparent;
}
 .content {
     max-width: 1000px;
     padding: 0 1em;
     margin: 0 auto;
     text-align: center;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/* .button-wrap {
     */
    /* padding: 2.5em 0 0;
     */
    /* font-size: 1.25em;
     */
    /* 
}
 */
 button.trigger {
     background: transparent;
    /* color: #fff;
     */
    /* border: none;
     */
}
 .menu {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .menu:before, .menu:after {
     content: '';
     display: table;
}
 .menu:after {
     clear: both;
}
 .menu > div {
     flex: auto;
     text-align: left;
     margin: 0.25em;
     padding: 2em 3em;
     background: rgba(255,255,255,0.2);
}
 .menu h2 {
     margin: 0 0 0.25em;
     padding: 0 0 0.25em;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-size: 72.25%;
     color: #9BA890;
}
 .menu ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 .menu ul:not(:last-of-type) {
     padding-bottom: 2em;
}
 .menu ul li a {
     display: block;
     font-weight: bold;
     padding: 0.25em 0;
     font-size: 145%;
}
 .menu ul li a.current-demo {
     color: #fff;
}
/* Header */
 .codrops-header {
    /* padding: 2.75em 0 3em;
     */
     letter-spacing: -1px;
     position: fixed;
     float: right;
     right: 5%;
     bottom: 3%;
}
 .codrops-header h1 {
     font-size: 3.65em;
     line-height: 1;
     margin: 0;
}
 .codrops-header h1 span {
     display: block;
    /* width: 15em;
     */
     font-size: 21%;
     padding: 1em 0;
     margin: 0 auto;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: relative;
}
 .codrops-header h1 span::before, .codrops-header h1 span::after {
     content: '';
     position: absolute;
     width: 25%;
     height: 2px;
     top: 50%;
     margin-top: -1px;
     background: #c94e50;
}
 .codrops-header h1 span::before {
     right: 100%;
}
 .codrops-header h1 span::after {
     left: 100%;
}
 .apply h3{
     font-size:1em;
     padding:12px;
}