/*Common Stuff*/
body
{
  font-family: 'Fira Sans', sans-serif;
  color: grey;
}

h3
{
  color: grey;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}



/*End of Common Stuff*/

/*Logo Styling*/
.logo {
  overflow: hidden;
  width: 220px;
  float: right;
}
.logo .logo_img {
  margin-left: 10px;
  float: right;
  width: 140px;
}
.logo .icon {
  float: right;
  z-index: 999999999;
  width: 60px;
}

/*End of Logo Styling*/

/***NAVIGATION AREA****/
nav {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 1px 15px 1px rgba(10, 10, 10, 0.01);
  -moz-box-shadow: 0px 1px 15px 1px rgba(10, 10, 10, 0.01);
  box-shadow: 0px 1px 15px 1px rgba(10, 10, 10, 0.01);
  width: 100%;
  top: 10px;
  box-sizing: border-box;
  padding: 5px;
  overflow: hidden;
  border-bottom: 1px solid rgba(10, 10, 10, 0.03);
  text-align: center;
}
nav .menu {
  text-align: center;
}
nav .menu ul {
  padding-top: 100px;
  text-align: center;
}
nav .menu ul li {
  display: inline-block;
  text-align: center;
  padding: 10px 50px;
  text-transform: uppercase;
  font-size: 1.3em;
}
nav .menu ul li a {

  color: grey;
  text-decoration: none;
  text-align: center;
}
nav .menu ul li a:hover {
  color: #428bca;
  text-decoration: none;
}
nav .menu ul li a.active {
  color: #428bca;
  text-decoration: none;
}
nav .mobile-nav-button {
  float: right;
  padding-top: 40px;
}
nav #mobile-nav-checkbox {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
nav #mobile-nav-checkbox:checked ~ .container > .mobile-menu {
  display: block;
}
nav .mobile-menu {
  display: none;
}
nav .mobile-menu ul {
  list-style: none;
  float: right;
  padding: 0px;
}
nav .mobile-menu ul li {
  text-transform: uppercase;
  padding: 5px 0px;
  text-align: right;
}
nav .mobile-menu ul li a {
  font-weight: 300;
/*  color: rgba(0, 0, 0, 0.8);*/
  color: grey;
}
nav .mobile-menu ul li a:hover {
  text-decoration: none;
  color: #428bca;
}
nav .mobile-menu ul .active {
  color: #428bca;
}
/***END OF NAVIGATION***/

.imgContainer
{
  width: 90%;
  border-width: 0px;
  border-style: solid;
  margin: auto;
  padding-left: auto;
  padding-right: auto;
  text-align: center;
}


.pictureBox
{
  position: relative;
  width: 100%;
  background-color: white;
  line-height: 200px;
  border-style: none;
  border-width: 1px;
  border-color: rgb(241, 240, 240);
  text-align: center;
  display: inline-block;
}

.pictureBox img
{
  max-width: 95%;
  max-height: 95%;
}

.pictureBox p
{
  position: absolute;
  top:100px;
  bottom: 50px;
  margin: auto;
  width:100%;
  color: black;

}

.designerBox
{
  position: relative;
  width: 100px;
  height: 100px;
  background-color: white;
  line-height: 100px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(241, 240, 240);
  margin: 5px;
  text-align: center;
  display: inline-block;
}

.designerBox img
{
  max-width: 95%;
  max-height: 95%;
}

.stockist
{
  width: 250px;
  height: 300px;
  border-style: none;
  border-width: 0px;
  border-color: silver;
  margin: 5px;
  text-align: center;
  display: inline-block;
}

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

/* FOOTER */
footer {
  background-color: white;
  color: grey;
  padding-top: 5px;
  display: block;
}
footer h2 {
  font-size: 1.2em;
  margin-bottom: 5px;
  margin-top: 20px;
  text-align: left;
}

footer h4 {
  font-size: 1.0em;
  margin-bottom: 5px;
  margin-top: 20px;
  text-align: left;
}
footer h2 a {
  color: #ccc;
  font-weight: 300;
}
footer h2 a:hover {
  color: #ddd;
  font-weight: 700;
  text-decoration: none;
}
footer ul {
  padding: 0px;
}
footer ul li {
  margin: 0px 5px;
  list-style: none;
}
footer ul li a {
  font-size: 1em !important;
  text-align: center;
  color: #aaa;
  font-weight: 300;
}
footer ul li a:hover {
  color: #428bca;
  font-weight: 700;
  text-decoration: none;
}
footer .copyright {
  margin-top: 25px;
}
footer .copyright p {
  font-size: 1em;
  text-align: center;
}