@media (min-width: 300px) {
  body {
    /*background-image: url(../img/nito_portrait.png); */
  }
  .steez div {
    height: 5pc;
  }
  /************* TOP-HEAD *****************/
  .top-head ul li {
    padding-right: 1pc;
    font-size: 1.5pc;
  }
}

@media (min-width: 600px) {
  .element {
    background: #222222;
  }
  body {
    /* background-image: url(../img/bg.jpg); */
  }
  img {
    width: 100%;
  }
  .steez div {
    height: 5pc;
  }
  /************* TOP-HEAD *****************/
  .top-head ul li {
    padding-right: 1.2pc;
    font-size: 1.8pc;
  }
}
td {


	text-align: center;
}
th{
	   padding-left: 40px;
	  padding-right: 40px;
	  padding-bottom: 10px;  
	  text-align: left;    
    }

body, html {
  height: 100%;
  background-color: black;
  background-repeat: no-repeat;
  background-size: cover;
}

textarea {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 44px;
}

input {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 44px;
}

input::-webkit-input-placeholder {
  font-size: 18px;
  text-transform: uppercase;
  color: #AAA;
  transform: translate3d(0, -4px, 0)
}

input::-webkit-textarea-placeholder {
  font-size: 18px;
  text-transform: uppercase;
  color: #AAA;
  transform: translate3d(0, -4px, 0)
}

.form-control{
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

/* unvisited link */

a:link {
  color: gray;
}

/* visited link */

a:visited {
  color: gray;
}

/* mouse over link */

a:hover {
  color: white;
}

/* selected link */

a:active {
  color: blue;
}

p {
  font-size: 24px;
}

/************* GENERIC  *****************/

a {
  color: #696969;
}

.lock:before {

	content:url('../img/lock.png');
	position: relative;
	opacity: 1.0;
}

.appletv:before {

	content:url('../img/appletv.png');
	position: relative;
	opacity: 1.0;
}
	
.chimera:before {
 
	content:url('../img/chimera.jpg');
	position: relative;	 
       	opacity: 1.0;

  }
.chimera:hover {
	transform: scale(1.05);	
}
.backroom:before {
 
	content:url('../img/backroom.jpg');
	position: relative;	 
       	opacity: 1.0;

  }
.backroom:hover {
	transform: scale(1.05);	
}
.electra:before {
	content:url('../img/Electra-TV-BG.jpg');
	position: relative;
	opacity: 1.0;
}

.image:before {
  content:url('../img/package.png');
  position: relative;

  top: 0px;
  right: 0px;
}

.boxstyle {
  background-color: #5F6060;
  opacity: .9;
  z-index:1;
  position: absolute;
  margin-top: -550px;
}

/* unvisited link */

.fieldsize input {

  size: 35;

}

.boxstyle a:link {
  color: #fd0000;
}

/* visited link */

.boxstyle a:visited {
  color: #fd0000;
}

/* mouse over link */

.boxstyle a:hover {
  color: gray;
}

.boxstyle h1 {
  color: gray;
  padding-bottom: 10px;
}

.boxstyle h2 {
  color: gray;
  padding-bottom: 8px;
}