footer {
    background-color: #333;
    color: #ccc;
}

body {
    min-height: 100vh;
}

main {
    flex: 1;
    /*
	background: url("/images/shutterstock_528426559.jpg") no-repeat center center fixed;
	background-size: cover;
	*/
}

#main-nav {
    /*background-color: #f5115d !important;*/
    background-color: #ff4f2c !important;
}

.header {
    /*width: 100vw;*/
width:100%;
    color: white;
}

@media (min-width: 360px) {
    .header {
        min-height: 148px !important;
    }

/*
    .header h1 {
        font-size: 2rem !important;
    }
	*/
}


@media (min-width: 576px) {
    .header {
        min-height: 237px !important;
    }

/*
    .header h1 {
        font-size: 2rem !important;
    }
	*/
}

@media (min-width: 768px) {
    .header {
        min-height: 316px !important;
    }
}

@media (min-width: 992px) {
    .header {
        min-height: 408px !important;
    }

    .header .row {
        min-height: 408px !important;
    }
}

@media (min-width: 1200px) {
    .header {
        height: 494px !important;
    }

    .header .row {
        height: 494px !important;
    }
}

@media (min-width: 1920px) {
    .header {
        height: 794px !important;
    }

    .header .row {
        height: 794px !important;
    }
}


.img-bg {
    background: url("/images/bg2.jpg") no-repeat;
    background-size: cover;
}

section.call-to-action {
    /*background-color: #11a9f5*/
    background-color: #3D2D7C
}

h2.call-to-action {
    color: white
}

.btn-join {
    border-radius: 1rem;
    background-color: white;
    border-color: transparent
}