.subscription-background {
    width:100%;
    height:auto;
    aspect-ratio:3/4;
    object-fit:cover;
    object-position:center right;    
}
.subscription-description {
    position:relative;
    width:100%;
    height:100%;
    color:var(--primary-text-color);
    background:rgba(0,0,0,0.8);
    padding:2rem 1.5rem;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    text-align: center;
}
.nav-tabs {
    border:0 !important;
}
button.nav-link {
    color:var(--primary-link-color);
}
button.nav-link:hover {
    color:var(--primary-link-color);
    border:0;
}
button.nav-link.active {
    color:var(--primary-color);
    border:0;
}
#subscribe-nav-tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#subscribe-nav-tab button.nav-link {
    font-size:1.6rem;
    font-weight:700;
    font-family:var(--header-font);
    text-transform:uppercase;
}
#subscribe-nav-tab button.nav-link.active {
    color:var(--primary-light-color);
    background:none;
}
.tab-pane {
    background: rgba(255,255,255,.4);
    padding:5rem 2rem;
    border-radius: 2rem;
}
.subscribe_channel_item {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}
.subscribe_channel_logo img {
    width: 100%;
    max-width: 240px;
    height: auto;
}
.subscribe_channel_desc {
    text-align:center;
    color:var(--primary-text-color);
}
.subscribe_channel_desc p {
    margin-bottom:0;
}
.subscribe_channel_desc a {
    color:var(--primary-text-color);
    text-decoration:underline;
}

@media (min-width:768px) {
.subscription-background {
    width:100%;
    height:auto;
    aspect-ratio:16/8;
    object-fit:cover;
    object-position:center right;    
}
.subscription-description {
    position:absolute;
    width:100%;
    height:100%;
    color:var(--primary-text-color);
    background:none;
    top:0; left:0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    text-align: start;
}
.subscription-description p {
    font-size:1.4rem;
}
}

@media (min-width:992px) {
    #subscribe-nav-tab button.nav-link {
        font-size:2.4rem;
    }
}