.search-results {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 40px;
}

    .search-results .search-item, .search-results .search-summary, .search-results .search-box {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .search-results .search-box {
        padding-top: 40px;
    }

    .search-results input[type='text'] {
        border: none;
        background-color: var(--footerGrey);
        height: 49px;
        padding: 4px 8px;
        width: 80%;
    }

    .search-results button {
        margin-left: 20px;
        margin-top: 0;
    }

@@media (max-width:780px) {
    .search-results {
        width: 100%;
        margin: 0;
    }

        .search-results .search-item, .search-results .search-summary, .search-results .search-box {
            width: 90%;
        }

        .search-results input[type='text'] {
            width: 100%;
            display: block;
        }

        .search-results button {
            margin-top: 20px;
            margin-left: 0;
        }
}