#recent-btn {
    color: white;
}

#popular-btn {
    color: rgb(0, 118, 187);
}

#popular-btn:focus,
#popular-btn:active,
#recent-btn:focus,
#recent-btn:active,
.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none;
}

.font-12 {
    font-size: 1.2em;
}

h6 {
    font-size: 1rem;
    color: rgb(0, 118, 187);
    font-weight: 100;
}

h3 {
    color: rgb(0, 118, 187);
    font-size: 1.25rem;
    font-weight: 200;
}

h5 {
    font-size: 1rem;
    font-weight: 200;
}

.link {
    color: rgb(0, 118, 187);
}

.link:hover {
    color: rgb(0, 118, 187);
}

.blog-page {
    height: 400px;
    padding: 70px 0;
    background-repeat: no-repeat;
    height: 300px
}

.blog-page-header {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    opacity: 0.5;
    top: 0px;
    padding: 7vw;
}

#main-text {
    color: #fff;
    font-weight: 10;
    font-size: 4em
}

@media screen and (max-width:480px) {
    #main-text {
        font-size: 12.5vw
    }
}