.ys-banner {
    padding-top: 100px;
    padding-bottom: 67px;
    background: #313d4c;
}


.ys-banner h1{
    font-family: 'Oswald', sans-serif;
    font-size: 4.05rem;
    color: #fff;
    font-weight: 300;
    text-transform: capitalize;
}

.ys-banner h2{
    font-family: 'Gambria', sans-serif;
    font-size: 2.05rem;
    color: #fff;
    font-weight: 300;
    
}

.ys-banner p{
    font-family: 'Calibiri', sans-serif;
    font-size:20px;
    color: #fff;
    font-weight: 250;
    
}
.ys-banner hr{ 
    color: thistle;
    border-color: white;
}


.ys-banner h1:after {
    content: '';
    width: 159px;
    color: #fff;
    background: #fff;
    height: 8px;
    display: block;
    margin: 0 auto;
    margin-top: 23px;
}

@media(max-width:768px){
    .ys-banner h1 h2 {
      
        font-size: 2.85rem;
        padding-top: 7%;
        text-align: center;
      
    }

    .ys-p1white{
        color: white;
        font-size: 2.05rem;

    }
    .ys-btn-primary{

        
    }