/* Existing CSS (with modifications) */

body {
  background-color: #ffffff;
  font-size: 16px;
}

#MainNav {
  color: #E5B0B6;
}

a,
.btn,
.btn-link {
  color: #B76E77;
}

.dropdown-menu {
  background-color: #E5B0B6;
  color: #B76E77;
}

#MainNav {
  background-color: #ffffff;
  border-bottom: solid 1px #eee;
}

footer {
  background-color: #E5B0B6;
  color: #B76E77;
}

footer [class$="widget"] a:hover {
  color: #282727;
}

.social-widget ul li a:hover {
  color: #cccccc;
}

#MainNav nav .navbar-collapse .navbar-nav > li > a,
#MainNav nav .navbar-collapse .navbar-nav .dropdown-menu li a {
  color: #E5B0B6;
}

#MainNav nav .navbar-collapse .navbar-nav > li.active > a,
#MainNav nav .navbar-collapse .navbar-nav > li.open > a,
#MainNav nav .navbar-collapse .navbar-nav > li > a:hover {
  color: #B76E77;
}

.servizimenu .shop-item-highlight .item-info-name-data .item-info-name-data-wrapper h4 {
  color: #B76E77;
}

.homeMenu div {
  margin-bottom: 7px;
}

a,
.btn-link:hover,
a > *:hover,
.btn-link > *:hover {
  color: #B76E77;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
}

.btn {
  color: #ffffff;
  border-color: #ffffff;
}

.btn:hover {
  color: #ffffff;
  background-color: #B76E77;
  border-color: #B76E77;
}

.btn-default {
  border-color: #ffffff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
  background-color: #B76E77;
  border-color: #B76E77;
}

.btn-primary {
  color: #B76E77;
  border-color: #E5B0B6;
  background-color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #B76E77;
  border-color: #B76E77;
}

/* New CSS for mobile responsiveness */

@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* Colour changes */
  #MainNav .navbar-main-collapse {
    background-color: #282727;
  }

  #MainNav nav .navbar-collapse .navbar-nav > li > a,
  #MainNav nav .navbar-collapse .navbar-nav .dropdown-menu li a {
    color: #E5B0B6;
  }

  #MainNav nav .navbar-collapse .navbar-nav > li.active > a,
  #MainNav nav .navbar-collapse .navbar-nav >  li.open > a,
  #MainNav nav .navbar-collapse .navbar-nav > li > a:hover {
    color: #ffffff;
  }

  .servizimenu .shop-item-highlight .item-info-name-data .item-info-name-data-wrapper h4 {
    color: #ffffff;
  }

  .homeMenu div {
    margin-bottom: 5px;
  }

  /* Adjustments for better mobile usability */
  .navbar {
    margin-bottom: 0;
  }

  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }

  .navbar-nav>li {
    float: none;
  }

  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-menu>li>a,
  .dropdown-menu>li>a:focus,
  .dropdown-menu>li>a:hover {
    color: #E5B0B6;
  }

  .dropdown-menu>li>a:active {
    color: #ffffff;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
}