@media screen and (max-width: 1000px) {
    .headerBox {
        width: 100%;
    }
    .capsule_container {
        font-size: 20px;
    }
    .capsule {
        font-size: var(--font-size-phone);
    }
    h1 {
        font-size: 80px;
    }
    main {
        width: 100%;
    }
    .text {
        width: auto;
        font-size: 20px;
    }
    .narrow {
        width: 100%;
    }
    .medium {
        width: 100%;
    }
    .wide {
        width: 100%;
    }
}