main.css

.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

.margin-bot-05 { margin-bottom: 0.5em; }
.margin-bot-10 { margin-bottom: 1.0em; }
.margin-bot-15 { margin-bottom: 1.5em; }
.margin-bot-20 { margin-bottom: 2.0em; }
.margin-bot-25 { margin-bottom: 2.5em; }
.margin-bot-30 { margin-bottom: 3.0em; }

.center { margin-left: auto; margin-right: auto; }
.background-compe { background-color: #19450F !important; }
.background-yellow { background-color: yellow !important; }
.compe-text { color: #19450F !important ; }
.white-text { color: #FFFFFF !important ; }

.fixed-top {
    position: fixed;
    margin-bottom: 100px;
}

.content {
    margin-top: 180px;
}

.vote_header {
    color: #393939;
    padding: 16px;
    border-radius: 4px;
    background-color: #e5cb09 !important;
}

.large-font { font-size: 1.3em; }
.vote_header a { color: #393939; }
.vote_header a:hover { color: #393939; }

@media (max-width: 419px) {
    .img-fluid { max-width: 50% !important }
    .vote_header { padding: 10px; }
    .vote_header h1 { font-size: 1.3em; line-height:1.3em }
    .vote_header .lead { margin: 0; margin-top: -6px; }
    .large-font { font-size: 1em; }
}

@media (min-width: 420px) and (max-width: 719px) {
    .img-fluid { max-width: 60% !important }
}

@media (min-width: 720px) {
    .img-fluid { max-width: 40% !important }
}