.line{
    border-top: 3px solid #bbb;
}

#pdp .panel-template .white{
    color:white;
}

.wrapper{
    width:90% !important;
}

.cta-yellow {
    color: black !important;
    background-color: #E9E600 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    padding: 0.9em 1.5em !important;
}
#pdp h1{
    font-size: 96px !important;
}

#pdp h2{
    font-size: 75px !important;
}

#pdp h3{
    font-size: 24px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    margin: 1em 0 !important;
    letter-spacing: 0.1rem !important;
}

#pdp h3.yellow-subhead{
    font-weight: normal !important;
    color: #E9E600;
    margin: 0.5em 0 !important;
}

#pdp h4{
    font-size:28px !important;
    font-weight: normal;
    color: #E9E600;
}

#pdp h5{
    color: #E9E600;
    font-size:18px !important;
    letter-spacing: 0.2em !important;
    margin: 0 !important;
}


#pdp .panel-template .white h1.bebas {
    font-weight: 600;
}

#pdp .bebas,
#pdp .panel-template h2.bebas {
    font-family: 'bebas-neue-pro-semiexpanded', sans-serif;
    letter-spacing: .05em !important;
}

#pdp p{
    font-size: 20px !important;
    font-weight: 400;
    letter-spacing: 0.05rem;
    line-height: 2.25rem;
    margin: 1em 0 !important;
}

#pdp .panel-template .col-half {
    width: 50%; 
}
#img-right{
    width: 38%;
    display:inline-block;
}
/* hero bulleted list */
.bullet-list{
    /* list-style-image: url(''); */
    list-style-type: circle;
    padding-left:1.6vw;
}
.bullet{
    font-size:30px;
}
#pdp p.bullet-text{
    margin:0 !important;
    font-size: 1.3rem !important;
}

#pc-vid{
    width: 100% !important;
}
.sm-w{
    width:55%;
    margin:auto;
}

.m-overlay{
    z-index: -1;
}


@media only screen and (max-width: 1580px){
    #pdp .vid-bg-wrapper video {
        width:unset !important;
        left: auto !important;
        right: -5% !important;
    }
    #pdp .panel-template .col-third, #pdp .panel-template .col-half {
        width: 65%;
    }

    #pdp .panel-template .hero-overlay {
        display: block !important;
    }

    #img-right{
        width: 29% !important;
        
    }
    
}
@media only screen and (max-width: 1000px){
    #pdp .panel-template .col-third, #pdp .panel-template .col-half {
        width: 100%;
        margin: 1em 0;
        padding: 0;
    }
    #img-right{
        width: 100% !important;
        
    }
    .sm-w{
        width:90%;
    }

    #pdp section h1.bebas{
        font-size: 96px !important;
    }

}

@media only screen and (max-width: 768px){
    #pdp #vivid-light {
        background:#000 url('//cwsmgmt.corsair.com/landing/pc-builder/images/hero-loop-still.jpg') center no-repeat !important;
        background-size:cover;
    }
    .bullet-list{
        padding-left: 5%;
    }

    #pdp section h1.bebas{
        font-size: 64px !important;
    }
    #pdp h2{
        font-size: 55px !important;
    }
}