body {

}
h1 { color: darkblue;}
.in {
    width: 100%; background-color: green; color: white;
}

.out {
    width: 100%; background-color: red; color: white;
}

.empty {
    width: 100%; background-color: lightgray;
}

.very-small {
    font-size: 8px;
}

.hero {
    border-top: solid 20px gray;
    background-image:url('/public/uploads/images/office-picture.jpg'); background-size: cover;
    min-height: 300px;
    .hero a, h1, h2, h2, h4, h5, h6 {
        color: #FFAD31;
        /*border-top: solid 20px red;*/
    }
}

.bg-blue {
		background-color: #4d9099;
	}

.top-five {
    /*background-color: #696969;*/
    background-image: linear-gradient(to bottom, #4d9099, black);
        .top-five a, h1, h2, h2, h4, h5, h6 {
        color: #ffffff;
        /*border-top: solid 20px red;*/
    }
}

.award {
    /*background-color: #696969;*/
    background-image: linear-gradient(to bottom, #4d9099, #4d9099);
        .avard a, h1, h2, h2, h4, h5, h6 {
        color: #ffffff;
        /*border-top: solid 20px red;*/
    }
}

.top-five hr {
    background-color: rgb(187, 178, 178);
    color: rgb(187, 178, 178);
    border-color: rgb(187, 178, 178);
}

.vote {
    background-color: #ffffff;
        .vote a, h1, h2, h2, h4, h5, h6 {
        color: #060606;
    }
}