.stern,
.stern:before,
.stern:after,
.stern .sterntext,
.stern .sterntext:before,
.stern .sterntext:after {
	height: 8.5em;
	width: 8.5em;
	background: #42576a;
	background-size: 8.5em;
}

.stern:before,
.stern:after,
.stern .sterntext:before,
.stern .sterntext:after {
	content: "";
	position: absolute;
}

.stern {
	position: absolute; /* Context */
	z-index: 999;
	top: -20px;
	right: 80px;
	-webkit-transform: rotate(-35deg);
	  -moz-transform: rotate(-35deg);
	   -ms-transform: rotate(-35deg);
	    -o-transform: rotate(-35deg);
	       transform: rotate(-35deg);
	-webkit-transition: 0.5s;
			transition: 0.5s;
}

.stern:hover {
	-webkit-transition: 0.5s;
			transition: 0.5s;

	-webkit-transform: rotate(-40deg) scale(1.2);
	  -moz-transform: rotate(-40deg) scale(1.2);
	   -ms-transform: rotate(-40deg) scale(1.2);
	    -o-transform: rotate(-40deg) scale(1.2);
	       transform: rotate(-40deg) scale(1.2);	       
}

.stern:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-30deg);
	  -moz-transform: rotate(-30deg);
	   -ms-transform: rotate(-30deg);
	    -o-transform: rotate(-30deg);
	       transform: rotate(-30deg);
}

.stern:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-15deg);
	  -moz-transform: rotate(-15deg);
	   -ms-transform: rotate(-15deg);
	    -o-transform: rotate(-15deg);
	       transform: rotate(-15deg);
}

.stern .sterntext {
	padding: .5em 0em;
	height: 7.5em; /* height minus padding */
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	   -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	       transform: rotate(45deg);
	z-index: 1; /* important so the text shows up */
}

.stern .sterntext:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(60deg);
	  -moz-transform: rotate(60deg);
	   -ms-transform: rotate(60deg);
	    -o-transform: rotate(60deg);
	       transform: rotate(60deg);
}

.stern .sterntext:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(75deg);
	  -moz-transform: rotate(75deg);
	   -ms-transform: rotate(75deg);
	    -o-transform: rotate(75deg);
	       transform: rotate(75deg);
}

.stern .sterntext span {
  position: relative;
  top: -5px;
  z-index: 100;
  display: block;
  text-align: center;
  color: #76b6ef;
  font: 1.2em Sans-Serif;
  line-height: 0.5em;
  text-transform: uppercase;
}

.stern .sterntext span.gross {
  font-weight: bold;
  font-size: 1.8em;
  color: #fff;
}