/*
* Tencode
*/


/* Smaller than standard 960 (devices and browsers) */
   @media only screen and (max-width: 959px) {
   }


/* Tablet Portrait size to standard 960 (devices and browsers) */
   @media only screen and (min-width: 768px) and (max-width: 959px) {
   
h1 {
font-size: 55px;
letter-spacing: 3px;
}

h2 {
font-size: 35px;
letter-spacing: 1px;
}

.intro h1 {
font-size: 100px;
letter-spacing: 10px;
}

.intro h2 {
font-size: 35px;
letter-spacing: 10px;
}

   }


/* All Mobile Sizes (devices and browser) */
   @media only screen and (max-width: 767px) {
   }


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
   @media only screen and (min-width: 480px) and (max-width: 767px) {

h1 {
font-size: 55px;
letter-spacing: 3px;
}

h2 {
font-size: 35px;
letter-spacing: 1px;
}

.intro h1 {
font-size: 75px;
letter-spacing: 5px;
}

.intro h2 {
font-size: 25px;
letter-spacing: 5px;
}

.intro p {
font-size: 15px;
line-height: 1.5;
letter-spacing: 1px;
}

.intro-pages p {
font-size: 15px;
line-height: 1.5;
letter-spacing: 1px;
}

#countdown {
width: 400px;
height: auto;
}

div#clock p {
font-size: 25px;
}

div#clock p span {
font-size: 35px;
}

div#clock div.space {
font-size: 25px;
}
	
   }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
   @media only screen and (max-width: 479px) {

h1 {
font-size: 50px;
letter-spacing: 3px;
}

h2 {
font-size: 35px;
letter-spacing: 1px;
}

.intro h1 {
font-size: 75px;
letter-spacing: 5px;
}

.intro h2 {
font-size: 25px;
letter-spacing: 5px;
}

.intro p {
font-size: 15px;
line-height: 1.5;
letter-spacing: 1px;
}

.intro-pages p {
font-size: 15px;
line-height: 1.5;
letter-spacing: 1px;
}

#countdown {
width: 260px;
height: auto;
}

div#clock p {
font-size: 25px;
}

div#clock p span {
font-size: 35px;
}

div#clock div.space {
font-size: 25px;
}

#subscribe-wrapper {
width: 225px;
}

#email {
width: 130px;
}

.success {
width: 225px;
}

.left-bottom li a {
color: #fff;
}

.left-bottom li a:hover {
color: #fff;
}
	
   }