body {
    background:rgb(85, 201, 100);
}

.carousel {
    height:600px !important;
}

.font-carter {
    font-family:'Carter One', cursive;
}

.font-marmelad {
    font-family:'Marmelad', sans-serif;
}

.font-expletus {
    font-family:'Expletus Sans', cursive;
}

.hoverable-color {
    transition:all 0.2s ease;
}

.hoverable-color:hover {
    background:#f79d00;  /* fallback for old browsers */
    background:-webkit-linear-gradient(to top, #4cb443, #8cc900);  /* Chrome 10-25, Safari 5.1-6 */
    background:linear-gradient(to top, #4cb443, #8cc900); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color:white;
}

.border-radius-1 {
    border-radius: 5px;
}

.btn-flat:hover {
    background:#ff9800;
    transition: 0.8s;
}

.input-field {
    border-radius:5px !important;
    padding-left:20px !important;
    background-color:white !important;
    color:black !important;
}

.role-icon {
    width:100px;
    height:100px;
}

.product-icon {
    width:80px;
}

.join {
    position:absolute;
    right:282px;
    top:13px;
}

.title-container {
    margin-left:auto !important;
    margin-right:auto !important;
    width:90% !important;
}

.center {
    margin:auto;
}

.parallex-overlay {
    background-color:black;
    opacity:.5;
    height:100%;
}

.parallax-slogan-container {
    margin-top:180px;
}

.parallax-slogan {
    text-align:center;
    color:white;
}

#join:hover{
    background-color:transparent;
}

#sidenav-overlay {
    z-index:996;
}

#cover-container {
    background:#FDFC47;  /* fallback for old browsers */
    background:-webkit-linear-gradient(to right, rgb(30, 202, 53), rgb(202, 202, 55));  /* Chrome 10-25, Safari 5.1-6 */
    background:linear-gradient(to right, rgb(30, 202, 53), rgb(202, 202, 55)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#cover {
    /* background-color: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%); */
    background-image:url('../image/cover-overlay.png');
    padding:80px 0 60px 0;
}

#section1 {
    background-image:url('../image/section1.png');
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}

#section2 {
    background:white;
    background-size:cover;
}

#section3 {
    background:#f79d00;  /* fallback for old browsers */
    background:-webkit-linear-gradient(to top, #4cb443, #8cc900);  /* Chrome 10-25, Safari 5.1-6 */
    background:linear-gradient(to top, #4cb443, #8cc900); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

@media only screen and (max-width:600px) {
    #cover {
        padding:40px 0 40px 0;
    }

    #cover-title {
        font-size:40px;
    }

    .parallex-image {
        height:500px;
    }
}

@media only screen and (min-width:601px) {
    .title-container {
        margin-left:auto !important;
        margin-right:auto !important;
        width:50% !important;
    }
}

@media only screen and (min-width: 993px) {
    .flex-container {
        display:flex;
        flex-direction:row;
        flex-wrap:nowrap;
        justify-content:flex-start;
        align-items:stretch;
        align-content:stretch;
    }

    .cover-content {
        margin-left:auto !important;
        margin-right:auto !important;
        width:70% !important;
    }
}