body {
    font-family: 'Titillium Web', sans-serif; 
    color: black;
}

nav {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #c9cacc;
    margin: 10px;
    text-align: center;
}

nav a:hover {
    color: red;
}

a > i{
    padding-right:10px;
}

.active {
    color: red;
}

a {
    text-decoration: none;
    color: inherit;
}

.brightness {
    background-color: white;
    display: inline-block;
}

.brightness img:hover {
    opacity: .5;
    visibility: visible;
}

footer {
    text-align: center;
    border-top: 1px solid;
    border-color: #c9cacc;
}

.row {
    display: flex;
    flex-flow: row wrap;
}

.category-container {
    position: relative;
    text-align: center;
    color: black;
}

.caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.center-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.col {
    display: flex;
}

.center-col-1 {
    display: flex;
    justify-content: center;
    flex: 1;
}
  
.col-1 {
    flex: 1;
}
  
.col-2 {
    flex: 2;
}
  
.col-3 {
    flex: 3;
}

.text-center {
    text-align: center;
}
  
.text-right {
    text-align: right;
}

.rounded-img {
    border-radius: 50%;
}

.grid-videos {
    width: 100%;
    height: 100%;
}

.img.responsive {
    height: 100%;
    width: 100%;
}

.index-image {
    height: 267px;
    width: 400px;
}

#logo {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

#about-us-rider-list {
    list-style: none;
    text-align: center;
}

#preview-video {
    width: 100%;
    height: 100%; 
}

#footer-link {
    color: blue;
}