.w-200 {
    width: 200px;
}

.w-300 {
    width: 300px;

    @media screen and (max-width: 350px) {
        width: 100%;
    }
}

.w-350 {
    width: 350px;

    @media screen and (max-width: 400px) {
        width: 100%;
    }
}

.w-400 {
    width: 400px;

    @media screen and (max-width: 450px) {
        width: 100%;
    }
}

.w-500 {
    width: 500px;

    @media screen and (max-width: 550px) {
        width: 100%;
    }
}

.w-600 {
    width: 600px;

    @media screen and (max-width: 650px) {
        width: 100%;
    }
}

.w-800 {
    width: 800px;
    @media screen and (max-width: 850px) {
        width: 100%;
    }
}

.w-1000 {
    width: 1000px;
    @media screen and (max-width: 1050px) {
        width: 100%;
    }
}

.w-100pc {
    width: 100%;
}

.w-50pc {
    width: 50%;
}

.w-75pc {
    width: 75%;
}