body {
    background: #2c3e50;
	font-family: Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
    height: calc(100vh - 40px);
}

.page-wrap {
    /* equal to footer height */
    margin-bottom: -70px;
}
.page-wrap:after {
    height: 70px
}
footer {
    height: 70px;
}

section#intro {
	padding: 50px 0;
	margin-top: 40px;
	color: #fff; 
	background: #18bc9c;
	text-align: center;
    box-sizing: border-box;
}

section#intro p {
    font-size: 1.5em;
}
section#main {
    padding: 50px 0;
    margin-top: 40px;
    color: #fff;
    background: #18bc9c;
    text-align: left;
}

section#main p {
    font-size: 1.1em;
}
footer {
    background: #000;
}
.btn-outline {
    font-size: 1.5em;
    margin-top: 15px;
    transition: all .3s ease-in-out;
    color: #fff;
    border: solid 2px #fff;
    background: 0 0;
}
.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
    color: #18bc9c;
    border: solid 2px #fff;
    background: #fff;
}
.ml-auto {
    margin-left: auto!important;
}
.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light, hr.star-primary {
    max-width: 250px;
    margin: 25px auto 30px;
    padding: 0;
    text-align: center;
    border: none;
    border-top: solid 5px;
}

hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-light:after, hr.star-primary:after {
    font-family: FontAwesome;
    font-size: 2em;
    position: relative;
    top: -.8em;
    display: inline-block;
    padding: 0 .25em;
    content: '\f005';
}
@media (max-width: 767px) {
    h1 {
        font-size: 2em;
    }
    section#intro {
        padding: 20px 0;
    }
}