@charset "utf-8";
/* CSS Document */

html, body {
    padding: 0;
    margin: 0;
    background: #242424;
    font-size: 90%;
	font-style: normal;
	text-align: left;
}

a {
    color: #96a843;
}

a:hover {
    color: #758434;
}

.spacer {
    height: 20px;
}
.container {
    min-height: 100vh;
}

.content-left {
    background: #242424 url(../images/bg.jpg) no-repeat center center;
    background-size: cover;
    color: #ffffff;
}

.content-right {
    background: #FFFFFF;
}

.logo {
    margin-bottom: 20px;
}

.button {
    background: #96a843;
    padding: 16px 40px;
    border-radius: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.button:hover,
.button:focus
{
    background: #758434;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    .top-one { min-height: 10vh; }
    .middle-one { min-height: 30vh; }
    .bottom-one { min-height: 10vh; }
    .top-two { min-height: 10vh; }
    .middle-two { min-height: 30vh; }
    .bottom-two { min-height: 10vh; }
}

/* Medium and up */
@media screen and (min-width: 40em) {
    .top-one { min-height: 30vh; }
    .middle-one { min-height: 40vh; }
    .bottom-one { min-height: 30vh; }
    .top-two { min-height: 30vh; }
    .middle-two { min-height: 40vh; }
    .bottom-two { min-height: 30vh; }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

}

/* Large and up */
@media screen and (min-width: 64em) {

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}