:root {
    --black: #000000;
    --dark-gray: #232323;
    --borders: #E6E6E6;
    --white: #ffffff;
    --green: #5b7a36;
    --light-green: #80a588;
    
    --hover: #80a588;
    --side-margins: 6.25vw;
} 

/*Text Colors*/
.black{
	color: var(--black);
}

.dark-gray{
	color: var(--dark-gray);
}

a.dark-gray{
	color: var(--dark-gray) !important;
}

a.dark-gray:hover{
	color: var(--hover-color) !important;
}

.white{
	color: var(--white);
}

.green{
	color: var(--green);
}

.light-green{
	color: var(--light-green);
}

/*Background Colors*/
.bg-black{
    background-color: var(--black);
    color: var(--white);
}

.bg-white{
	background-color: var(--white);
}

.bg-dark-gray{
    background-color: var(--dark-gray);
    color: var(--white);
}

.bg-green{
    background-color: var(--green);
    color: var(--white);
}

.bg-light-green{
	background-color: var(--light-green);
}

@media only screen and (max-width: 680px) {
    :root {
        --side-margins: 9.25vw;
    }
}