body {
    background: url('/images/background.png') no-repeat left top;
    background-size: contain;
}

p {
    margin-bottom: 0
}

h1, h1 {
    font-size: 2rem;
    text-transform: uppercase;
}

form {
    margin: 1rem 0 4rem 0;
}

form input.check {
    font-size: 120%;
    letter-spacing: .3em;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 1rem;
    max-width: 100%;
    display: block;
    margin: auto;
}

button {
    padding: 5px 20px;
    min-height: var(--btn-height);
    font-size: 13px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: 0px solid transparent;
    border-radius: 0;
    box-shadow: none;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: var(--btn-transform);
    text-shadow: none;
    font-weight: var(--btn-font-weight);
    font-family: var(--btn-font-family);
    font-style: var(--btn-font-style);
    line-height: 1.2;
    cursor: pointer;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, opacity .25s ease;
    color: var(--btn-color, #3E3E3E);
    background-color: var(--btn-bgcolor, #F3F3F3);
}

#searchsubmit {
    display: block;
    font-size: 140%;
    text-align: center;
    padding: 10px 20px;
    border: none;
    border-radius: 1rem;
    max-width: 293px;
    margin: auto;
    text-transform: uppercase;
}

.logo {
    width: 100%;
    max-width: 900px;
    display: block;
    margin: 3rem auto 6rem auto;
}

.instagram__title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-align: center;
}

.instagram__title::before {
    content: ' ' !important;
    background: url(/images/instagram.png) no-repeat;
    background-size: cover;
    width: 250px;
    height: 75px;
    margin: 0 auto;
}

.header__social {
    display: block;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 2rem;
}

.header__social a {
    width: 100%;
    color: #000;
    text-decoration: none;
    line-height: 2rem;
    display: block;
    margin: 1rem 0;
}

.header__social a span {
    width: 2rem;
    height: 2rem;
    text-align: center;
    background: #000;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 1rem;
    color: #fff;
    font-size: 1rem;
    padding-top: 0.5rem;
    text-align: center;
}


.footer_social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.footer_social a {

    color: #000;
    text-decoration: none;
    line-height: 2rem;
    margin: 1rem 0;
}

.footer_social a span {
    width: 2rem;
    height: 2rem;
    text-align: center;
    background: #000;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 1rem;
    color: #fff;
    font-size: 1rem;
    padding-top: 0.5rem;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    body {
        background: url('/images/background.png') no-repeat left top;
        background-size: cover;
    }

    .logo {
        margin: 1rem auto 2rem auto;
    }

    .header__social a {
        width: auto;
        color: #000;
        text-decoration: none;
        line-height: 1.5rem;
        display: block;
        margin: 0.5rem 0;
        font-size:0.8rem;
    }
    .header__social a span{
        width: 1.5rem;
        height: 1.5rem;
        text-align: center;
        background: #000;
        border-radius: 50%;
        display: block;
        float: left;
        margin-right: 0.25rem;
        color: #fff;
        font-size: 1rem;
        padding-top: 0.25rem;
    }
}