header{
    background: rgba(196, 156, 126, 0.1);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    padding: 1rem;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 4;
}
header #logo{
    margin: 0;
}
header #logo svg {
    width: 100%;
    height: 100%;
    max-width: 13rem;
    float: left;
}
header #logo svg path{
    fill:#C49C7E;
}
nav a{
    color: #2D160E;
    font-family: 'Montserrat-Medium';
    margin: 0 0 0 1.6rem;
    font-size: 1.143rem;
    line-height: 1.143rem;
    text-decoration: none;
}
nav a svg, #mobilepopupmenu.open a svg{
    width: 1.6rem;
    vertical-align: middle;
}
nav a svg path, #mobilepopupmenu.open a svg{
    fill:#2D160E;
}
#menuicon, #mobilepopupmenu{
    display: none;
}
#cart, #notify{
    position: relative;
}
#busketcircle, #notifycircle {
    width: .7rem;
    height: .7rem;
    background: #C49C7E;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: -1;
    display: none;
}
#notifycircle{
    right: 0;
}
nav a:hover #busketcircle, header.fixed nav a:hover #busketcircle, nav a:hover #notifycircle, header.fixed nav a:hover #notifycircle{
    background: #2D160E;
}
#cart.notempty #busketcircle, #notify.notempty #notifycircle{
    display: inline-block;
}
article{
    min-height: 100vh;
}
footer{
    background: #F6EDE8;
}
footer #map {
    width: 58%;
    height: auto;
}
footer #contacts{
    width: 42%;
    padding: 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
}
footer #contacts a{
    margin: 0;
}
footer #contacts p{
    line-height: 1rem;
}
footer #contacts .chat, footer #contacts .emailphones, footer #contacts .chat p, footer #contacts .politica{
    width: 100%;
}
footer #contacts .emailphones{
    margin: 2rem 0;
}
footer #contacts .chat a{
    margin: 0.5rem 2rem 0.5rem 0;
}
footer #contacts .chat a svg{
    width: 2rem;
    width: 2rem;
}
footer #contacts .politica {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    margin-top: 2rem;
}
footer #contacts .politica svg{
    max-height: 1rem;
    width: 100%;
    max-width: 10rem;
}
@media screen and (max-width: 1100px){
    footer #contacts {
        width: 45%;
    }
    footer #map {
        width: 55%;
    }
}
@media screen and (max-width: 1000px){
    header #logo svg {
        max-width: 10rem;
    }
    nav a{
        margin: 0 0 0 1.5rem;
    }
    nav a.simlelink{
        display: none;
    }
    #menuicon{
        display: inline-block;
        margin: 0 0 0 1.5rem;
        cursor: pointer;
    }
    #menuicon svg{
        width: 1.6rem;
        height: 1.5rem;
        vertical-align: middle;
    }
    #menuicon svg .ham{
        fill:#2D160E;
    }
    #menuicon svg .cross{
        fill: transparent;
    }
    #menuicon.toggled svg .cross{
        fill:#2D160E;
    }
    
    #menuicon:hover svg .ham, #menuicon.toggled:hover svg .cross{
        fill:#C49C7E;
    }
    #menuicon.toggled svg .ham{
        fill: transparent;
    }
    #mobilepopupmenu.open {
        display: flex;
        position: fixed;
        bottom: 0;
        background: #F9F6F7;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 2;
        padding: 1rem;
        justify-content: center;
        align-items: center;
        overflow-y: auto;
    }
    #mobilepopupmenu.open a{
        display: block;
        font-family: 'PlayfairDisplay-Regular';
        text-decoration: none;
        font-size: 1.786rem;
        line-height: 1.786rem;
        padding: 5% 0;
        color: #2D160E;
    }
    #mobilepopupmenu.open a.chatlink,  #mobilepopupmenu.open a.login{
        display: none;
    }
    #mobilepopupmenu.open a svg {
        margin-right: 1rem;
    }
    footer #contacts .politica a{
        display: block;
        margin: 0 0 1rem;
    }
    footer #contacts .politica svg{
        max-height: inherit;
    }
}
@media screen and (max-width: 700px){
    #mobilepopupmenu.open a.chatlink,  #mobilepopupmenu.open a.login{
        display: block;
    }
    footer #map {
        width: 95%;
        min-height: 80vh;
        padding-left: 5%;
        padding-top: 10vh;
      }
      footer #contacts {
        width: 100%;
      }
 
 #mobilepopupmenu.open a {
    font-size: 1.586rem;
    line-height: 1.586rem;
 }
 #notify{
    display: none;
 }
}
@media screen and (max-width: 360px){
.chatlink{
    display: none;
 }
}