.mastering-box{
    display:flex;
}

.mastering-contuent{
    padding:20px;

}
.mastering-content h2{
    font-size: 34px;
    font-weight: 100;
    color: #d1ac51 !important;
    padding: 10px;
}
.bg-light{
    background-color: #0a0a0a !important;
}
.bg-dark{
    background-color:#000000 !important;
}
.footer-yellow {
    background-color: #d1ac51;
    padding: 5px;
}
.five-copy{
    width: 150px;
    padding: 10px;
}
.forty-years{
    width: 200px;
    padding: 10px;
}

@media only screen and (max-width: 1200px) {

    .mastering-content h2{
        font-size: 28px;
        font-weight: 400;
    }

    .five-copy{
        width:150px;
    }
    .forty-years{
        width:100;
    }
    .five-copy{
        margin: 0 auto;
    }
    .forty-years{
        margin: 0 auto;
    }
}

@media only screen and (max-width: 576px) {
    .mastering-box{
        display:inline;
        margin:0 auto;
    }
    
    .mastering-content h2{
        font-size: 25px;
    }
    .five-copy{
        margin: 0 auto;
    }
    .forty-years{
        margin: 0 auto;
    }
   
}

@media only screen and (max-width: 350px) {
    .mastering-content h2{
        font-size: 24px;
    }
    
    .five-copy{
        width:100px;
    }
    .forty-years{
        width:80;
    }
   
}