@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
--primary-background: rgba(255,255,255,1);
font-family: "Lato";
font-size: 100%;
color: #336699;
}

body {
font-family: "Lato";
color: #336699;
}


.c-top .o-logo img {
    max-height: 80px;
    width: 300px;
}

.orders-path-wrapper .orders-path-header .back-link {
   color: #336699;
}

.o-wrap {
 width:auto;
}

.o-header--line span  {
   background-color: #ffffff;
}

html.mobile .c-products .o-cols--3 .o-cols__item {
    width:100vw;
}

html.mobile .c-social__item  {
  padding-left: 0;
}

html.mobile nav.c-footer__nav *{
  display: block !important;
  text-align:center;
  line-height: 2;
}

html.mobile .c-footer__nav ul li:not(:last-child):after {
 content: "";
}

html.mobile .c-footer p {
   text-align:center !important;
   margin-bottom:2rem;
}

html.mobile .o-item__description {
   text-align:center;
}