/* Container holding the image and the text */
.container {
    position: relative;
    text-align: center;
}


.blue {background: linear-gradient(to bottom left, #768c8c 41%, #006666 95%);
		height: 523px;
    	width: 100%;}

.border {margin: auto;
    width: 800px;
    padding: 10px;
    border: 5px solid white;}


/* Top right text */
.top-right {
    position: absolute;
    top: 20px;
    right: 145px;
}

/* Lower right text */
.lower-right {
    position: absolute;
    top: 49px;
    right: 357px;
}

/* Side right text */
.side-right
{
    position: absolute;
    top: 20px;
    right: 55px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    top: 100px;
    right: 65px;
}


.type {font-family: 'Special Elite', cursive; color: #BFBBAD; font-size: 25px; word-spacing: 22px; margin-bottom:25px; opacity: 0.7;}

.rust {font-family: 'Special Elite', cursive; color: #602E2F; font-size: 25px; word-spacing: 22px; opacity: 0.7;}


.star {font-family: 'Nothing You Could Do', cursive; color: #BFBBAD; font-size: 40px; opacity: 0.7; text-shadow: 0 0 0.2em #602E2F}


h2 {text-align: center; font-family: Arial; font-size: 35px}

.hexagon {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 151px;
  height: 82px;
  		position: absolute;
    	top: 55px;
    	left: 150px;
  margin: 24px;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
		background-color: #CCC6BA;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #CCC6BA;
  -webkit-transform: rotateX(6.302535746439055deg) rotateY(61.30648407899809deg) rotateZ(25.07493196141034deg)   ;
  transform: rotateX(6.302535746439055deg) rotateY(61.30648407899809deg) rotateZ(25.07493196141034deg)   ;
}

.hexagon::before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  top: -40px;
  left: 0;
  border: 75px solid rgba(0,0,0,0);
  border-top: 0 solid;
  border-bottom: 40px solid #CCC6BA;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: #CCC6BA;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: none;
}

.hexagon::after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  bottom: -40px;
  left: 0;
  border: 75px solid rgba(0,0,0,0);
  border-top: 40px solid #CCC6BA;
  border-bottom: 0 solid;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: none;
}


.pole {
	width: 10px;
	height: 337px;
	background: #88A796;
	position: absolute;
    top: 185px;
    left: 245px;
}

.square {
	width: 220px;
	height: 65px;
	background: #9B4443;
	position: absolute;
    top: 215px;
    left: 140px;
     -webkit-transform: rotateX(1deg) rotateY(55.3deg) rotateZ(1.15deg)   ;
  transform: rotateX(1deg) rotateY(55.3deg) rotateZ(1.15deg)   ;
}

.building {
	width: 100%;
	height: 155px;
	background: #CCC6BA;
	position: absolute;
    top: 368px;
    left: 0px;
}

.strip {
	width: 590px;
	height: 20px;
	background: #9B4443;
	position: absolute;
    top: 368px;
    left: 210px;
}

.side {
	width: 5px;
	height: 155px;
	background: #B8AD97;
	position: absolute;
    top: 368px;
    left: 210px;
}

.six {  position: absolute;
    left: 215px;
    bottom: 197px;
    color: #543737;
    font-family: 'Oswald', sans-serif;
    font-size: 125px; 
    -webkit-transform: rotateX(.05deg) rotateY(-40.3deg) rotateZ(0.01deg)   ;
  	transform: rotateX(.05deg) rotateY(-40.3deg) rotateZ(0.01deg)   ;
    }
    
.motel {  position: absolute;
	right: 559px;
    top: 265px;
    color: #9B4443;
    font-family: 'Oswald', sans-serif;
    font-size: 85px; 
    -webkit-transform: rotateX(0deg) rotateY(-40.3deg) rotateZ(0.07deg)   ;
  	transform: rotateX(0deg) rotateY(-40.3deg) rotateZ(0.07deg)   ;
    }
    
    
.lilmotel {  position: absolute;
    top: 149px;
    left: 165px;
    color: #CCC6BA;
    font-family: 'Oswald', sans-serif;
    font-size: 55px; 
    letter-spacing: 6px;
    -webkit-transform: rotateX(1deg) rotateY(55.3deg) rotateZ(1.15deg)   ;
  transform: rotateX(1deg) rotateY(55.3deg) rotateZ(1.15deg)   ;
}