@media screen and (min-width: 481px) {

    body, html {
        padding: 0;
        margin: 0;
    }

    .header .container.df {
        max-width: 100%;
        padding-left: 190px;
        padding-right: 190px;
    }
    .header .header-top__search {
        max-width: 100%;
    }
    .mmilk button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        border-radius: 0;
        background: #ccc;
    }

    .mmilk h1 {
        color: #FFFFFF;
        font-size: 84px;
        font-weight: 800;
        line-height: 90%;
        margin: 0;
    }

    .mmilk h3 {
        margin: 0;
        color: #FFF;
        font-size: 25px;
        font-weight: 500;
        line-height: 170%;
        
    }

    .mmilk h4 {
        padding: 0;
        margin: 0;
        color: #FFF;
        font-size: 20px;
        font-weight: 500;
        line-height: 170%; /* 34px */
    }

    .mmilk h2 {
        color: #363029;
        font-size: 52px;
        font-weight: 800;
        margin: 0;
    }

    .mmilk button {
        background: transparent;
        font-family: 'Montserrat';
        border: none;
        padding: 22px 48px;
        border-radius: 10px;
        font-size: 24px;
        font-weight: 700;
        outline: 1px solid #FFFFFF;
    }

    p {
        color: #363029;
        font-size: 30px;
        font-weight: 500;
        border-radius: 20px;
        background: #FFF;
        padding: 41px 43px;
        margin: 0;
    }

    .mmilk svg {
        pointer-events: none;
    }

    .mmilk ul {
        color: #363029;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 0px 25px;
        margin: 0;
    }

    .mmilk button {
        cursor: pointer;
    }

    .mmilk textarea {
        resize: none;
    }

    .mmilk label {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 52px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .mmilk form {
        background-color: #FFF;
        padding: 60px 85px;
        border-radius: 40px;
    }

    .mmilk a {
        color: #363029;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-decoration-line: underline;
    }

    .mmilk form:invalid [type="submit"] {
        pointer-events: none;
        background-color: #ADADAD;
        color: #E1E1E1;
    }

    .mmilk input:focus,
    .mmilk select:focus,
    .mmilk textarea:focus,
    .mmilk button:focus {
        outline: none;
    }

}

@media screen and (max-width: 480px) {

    body, html {
        padding: 0;
        margin: 0;
    }

    .mmilk button {
        width: 240px;
        background: transparent;
        border: none;
        padding: 14px 30px;
        border-radius: 10px;
        outline: 1px solid #FFFFFF;
        color: #363029;
        font-family: Montserrat;
        font-size: 11.998px;
        font-weight: 700;
    }

    .mmilk h1 {
        margin: 0px;
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 34px;
        font-style: normal;
        font-weight: 800;
        line-height: 90%; /* 30.6px */
    }

    .mmilk h3 {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 11.998px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 19.196px */
    }

    .mmilk h4 {
        color: #FFF;
        text-align: center;
        font-family: Montserrat;
        font-size: 13.997px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 19.596px */
        margin: 0;
    }

    .mmilk h2 {
        margin: 0px;
        text-align: center;
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 26px */
    }

    p {
        color: #363029;
        font-family: Montserrat;
        font-size: 13.997px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 20px;
        border-radius: 10px;
        background-color: #FFFFFF;
        margin: 0px;
    }

    .mmilk svg {
        pointer-events: none;
    }

    .mmilk ul {
        color: #363029;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        padding: 0px 25px;
        margin: 0;
    }

    .mmilk button {
        cursor: pointer;
    }

    .mmilk textarea {
        resize: none;
    }

    .mmilk label {
        color: #363029;
        text-align: center;
        font-family: Montserrat;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .mmilk form {
        background-color: #FFF;
        padding: 30px 15px;
        border-radius: 10px;
    }

    .mmilk a {
        color: #363029;
        font-family: Montserrat;
        text-decoration-line: underline;
    }

    .mmilk form:invalid [type="submit"] {
        pointer-events: none;
        background-color: #ADADAD;
        color: #E1E1E1;
    }

    .mmilk input:focus,
    .mmilk select:focus,
    .mmilk textarea:focus,
    .mmilk button:focus {
        outline: none;
    }

}

.mmilk path {
    transition: all 0.1s ease;
}