body {
    background-color: #f5f5f5;
}

#rankings-table .fa-times {
    opacity: 0.2;
    color: red;
}

#rankings-table .fa-check {
    color: #23cf5f;
}

.parallax-container .overlay {
    padding: 3rem 0;
    margin: 0 auto;
    text-align: center;
    color: white;
}

.parallax img {
    -webkit-filter: blur(3px);
   filter: blur(3px);
}
.hero {
    text-align: center;
}

.hero .headers {
    margin-bottom: 2rem;
}

.component i, .component h5 {
    text-align: center;
    width: 100%;
}
.component h5 {
    margin-bottom: 1.5rem;
}

.card-action a {
    color: #039be5 !important;
}

nav * {
    color: #212121 !important;
}

img {
    max-width: 100%;
}

.card-image img {
    width: auto;
    display: block;
    margin: 0 auto;
    z-index: 1;
}
footer {
    margin: 0 !important;
}

.mygreen {
    background-color: #23cf5f !important;
}
.mygreen-dark {
    background-color: #188F42 !important;
}

.card-title {
    padding: 20px;
}

p {
    font-size: 1.2rem;
}

.card-image-scrim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.2);
}
/*.card-content {
    height: 12rem;
}*/
.card-image-scrim img {
    z-index: 1;
    position: relative;
}
.card-title {
    z-index: 3;
}
.card-action {
    text-align: left;
}

section {
    padding: 3rem 0;
}

/* Form */
form {
    padding: 0 !important;
}

/* label color */
.input-field label {
    color: #FFF !important;
}
/* label focus color */
.input-field input[type=email]:focus + label {
    color: #FFF !important;
}
/* label underline color */
.input-field input[type=email]:focus {
    border-bottom: 1px solid #FFF !important;
    box-shadow: 0 1px 0 0 #FFF !important;
}
/* label underline focus color */
.input-field input[type=email]:focus {
    border-bottom: 1px solid #FFF !important;
    box-shadow: 0 1px 0 0 #FFF !important;
}
/* valid color */
.input-field input[type=email].valid {
    border-bottom: 1px solid #FFF !important;
    box-shadow: 0 1px 0 0 #FFF !important;
}
/* invalid color */
.input-field input[type=email].invalid {
    border-bottom: 1px solid #FFF !important;
    box-shadow: 0 1px 0 0 #FFF !important;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #FFF !important;
}
button[type=submit] {
    margin-top: 22px;
    margin-left: 8px;
}