/***** HEADING STYLING *****/

html {
  min-width: 100%;
  min-height: 100%;
}

body {
  text-align: center;
  background: url(../images/element5.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#navigation {
  white-space: nowrap;
  padding: 10px;
  min-height: 20%;
}

/*#logo, #nav-items {*/
  /*display: inline-block;*/
  /*width: 50%;*/
/*}*/

/*#logo {*/
  /*text-align: left;*/
  /*visibility: hidden;*/
/*}*/

/*#logo img {*/
  /*margin: 0;*/
  /*padding: 0;*/
  /*width: 25px;*/
  /*height: 20px;*/
/*}*/

#nav-items {
  text-align: right;
}

#nav-items ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#nav-items li {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 100%;
}

#nav-items li a {
  background-color: rgba(37, 140, 132, 0.4);
  font-weight: bold;
  padding: 6px;
  text-decoration: none;
  color: #e2fff8;
  font-size: 1.2em;
  -webkit-box-shadow: 2px 2px 0px 0px rgba(226, 255, 248, 0.5);
  -moz-box-shadow: 2px 2px 0px 0px rgba(226, 255, 248, 0.5);
  box-shadow: 2px 2px 0px 0px rgba(226, 255, 248, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/*#nav-items li a:hover {*/
  /*background-color: #300969;*/
/*}*/
/***** END HEADER STYLING *****/

/***** CONTENT STYLING *****/
#content {
  width: 960px;
  margin: auto;
}

#buildings li {
  font-size: 1.2em;
}

.building-select:before {
  content: '\00B7';
}

.building-select {
  text-align: left;
}

#cm-grades > li a,
#let-grades > li a,
#ham-grades > li a,
#esh-grades > li a,
#con-grades > li a,
#peq-grades > li a,
#mar-grades > li a,
#specialists > li a {
  color: #917952;
}

.content-elements {
  white-space: nowrap;
}

#blogs-linkkk {
  cursor: pointer;
}

.content-elements ul {
  list-style-type: none;
  margin-bottom: 2em;
}

.content-elements li {
  display: inline-block;
  width: calc(100% / 5);
}

.content-elements img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 0 15px #ccc;
  -webkit-box-shadow: 0 0 15px #ccc;
  -moz-box-shadow: 0 0 15px #ccc;
  -webkit-transition: all 0.6s cubic-bezie(0.165,0.84,0.44,1);
  transition: all 0.6s cubic-bezier(0.165,0.84,0.44,1);
}

.content-elements img::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.content-elements img:hover {
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

.content-elements img::after {
  opacity: 1;
}

/***** END CONTENT STYLING *****/

/***** FOOTER STYLING *****/
#footer {
  font-style: italic;
  color: black;
  font-size: 1.2em;
}
/***** END FOOTER STYLING *****/