.advert{
    height:100px;
    width:825px;
    padding:10px;
}

.advert_side {
    height: 250px;
    width: 250px;
    padding: 10px;
}

.adrow{
    background-color:white;
}
/*MOBILITY*/
@media (max-width: 1024px) {
    .advert {
        height: auto;
        width: 650px;
        padding: 10px;
    }
    .advert_side {
        height: auto;
        width: 200px;
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .advert {
        height: auto;
        width: 425px;
        padding: 10px;
    }
    .advert_side {
        height: auto;
        width: 200px;
        padding: 10px;
    }
}
@media (max-width: 414px) {
    .advert {
        height: auto;
        width: 375px;
        padding: 10px;
    }
}
@media (max-width: 375px) {
    .advert {
        height: auto;
        width: 350px;
        padding: 10px;
    }
}
@media (max-width: 320px) {
    .advert {
        height: auto;
        width: 300px;
        padding: 10px;
    }
}
/* we will need to expand on this to cover the media changes in screen size*/