@media only screen and (max-width:1000px){
     header .phonefavorite .phone span{
         display: none;
    }
}
 @media only screen and (max-width:900px){
     header .search {
         position: relative;
         -webkit-box-ordinal-group: 4;
         -webkit-order: 3;
         -moz-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3;
         width: 100%;
         margin-top: 1rem;
    }
     header #menu div {
         width: -webkit-calc(50% - 1rem);
         width: -moz-calc(50% - 1rem);
         width: calc(50% - 1rem);
    }
     main {
         padding-top: 14.14rem;
    }
}
 @media only screen and (max-width:600px){
     header #menu div {
         width: 100%;
         margin-bottom: 1rem;
    }
}
 @media only screen and (max-width:400px){
     header a.logo svg, footer a.logo svg {
         width: 5rem;
    }
}