* {
  font-family: 'Work Sans Light', sans-serif;
  padding: 0px;
  margin: 0px;
  color: rgba(59, 2, 86, 1);
}

html {
  background: url(../img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#logo {
  height: 12em;
  width: 30em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7%;
  background: url(../img/logo.png) no-repeat center center;
  background-size: 100% 100%;
}

#compliance {
  margin-left: auto;
  margin-right: auto;
  margin-top: 9%;
  display: block;
  width: 14em;
  font-size: 2rem;
  text-align: center;
  border-bottom: dotted;
}

#menu {
  margin-top: 2em;
  margin-left: 5em;
  margin-right: 5em;
}

#menu>div {
/*  min-width: 12em;*/
  width: 23%;
  display: block;
  height: 6em;
  float: left;
  margin-left: auto;
  margin-right: auto;
  padding: 1%;
  text-align: center;
  font-size: 2rem;
}

#menu>div>.logo {
  height: 4.5em;
  margin-bottom: .5em;
  width: 5em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#menu>#design>.logo {
  background: url(../img/beaker.png) no-repeat center center;
}

#menu>#packaging>.logo {
  background: url(../img/box.png) no-repeat center center;
}

#menu>#processing>.logo {
  background: url(../img/scope.png) no-repeat center center;
}

#menu>#sterilization>.logo {
  background: url(../img/check.png) no-repeat center center;
}

#contact {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: block;
  font-size: 2em;
  text-align: center;
  margin-top: 4%;
  float: left;
  height: 33px;
  text-decoration: none;
}

@media (max-width:1350px) {
  #menu>div {
    float: initial;
		min-width:12em;
	}
  #contact{
        margin-top: 20%;
  }
}