@import url('https://fonts.googleapis.com/css?family=Raleway');

@font-face {
    font-family: FluffyFont;
    src: url(fluffyfont.ttf);
}

html {
   background-color: #40e1fe;
   width: 100%;
}

body { 
	text-align: center;
	background-color: #186795;
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
} 

a {
	color: #ffde00!important;
	letter-spacing: 0.8px;
}

p {

	letter-spacing: 0.8px;
}

a:hover {
	text-decoration : none
	color: white
}

#slide1 {
   	background: url("img/Background.jpg") center 0 no-repeat fixed;
   	background-position : center ;
   	background-size : 100%;
   	background-color: #40e1fe;
   	height: 100%;
	overflow-x: hidden;
}

/* PRESS KIT */

.presskit {
	font-family: 'Arial';
}

.presskit div {
	font-family: 'Arial';
	font-size : 1.1em;
	text-align: justify;
	text-shadow: none;
	text-decoration: bold;
}

.presskit header div {
	text-align: center;
}

.presskit h2 {
	text-decoration: none;
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
	text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.15);
	color : white;
}

#PresskitText { 
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	background: url("img/presskit.png") center 0 no-repeat ;
   	background-position : center ;
   	background-size : 45%;
	max-width: 800px;
	height : 40px;
}

.presskit footer {
	text-align: center;
}

/* HEADER */

header {
	margin-top : 10%;
	margin-bottom : 80px;
}

.presskit header {
	text-align: center;
}

header img {
	max-width: 500px;
	width: 65%;
}

/*LINKS*/

#Links {
	margin-bottom: 50px;
}

#Links img {
	width : 100%;
	max-width: 240px;
}

#Links .android_button {
	text-align: left;
}

#Links .ios_button {
	text-align: right;
}

#Links a {
	text-decoration: none;
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
	
	text-shadow: 0px 4px 0px rgba(215, 160, 37, 0.8),0px 0px 80px rgba(0, 0, 0, 0.6);
	
	
	color: #fcda31;
}

#Links a:hover {
	text-decoration: none;
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
	text-shadow: 0px 4px 0px rgba(230, 180, 44, 0.8),0px 0px 80px rgba(0, 0, 0, 0.6);
	color: #ffe875!important;
}

#Links a:active:visited {
	text-decoration: none;
}

#Links .disponibility {
	height: 100px;
	display: table;
}

#Links .disponibility p {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	line-height: 100%;
}

#Links p {
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
    color: white;
	font-size: 2.3em;
	text-shadow: 0px 4px 0px rgba(140, 170, 190, 0.7),0px 0px 80px rgba(0, 0, 0, 0.6);
}



/*INTRO*/

#IntroContainer {
	height: 200px;
	-webkit-transform: rotate(-6deg);
	-moz-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
}

#Intro { 
	height: 100%;
	width : 150%;


	text-align: center;
	background-color: #ff0051;

	padding-left: 10%;
	padding-right: 10%;
	margin-left: -25%;

	padding-top: 25px;
	padding-bottom: 25px;

	color: white;
	writing-mode: lr-tb;
} 

#DescritptionContainer {
    height: 100%;
	width : 150%;


	text-align: center;
	background-color: #ff0051;

	padding-left: 10%;
	padding-right: 10%;
	margin-left: -25%;

	padding-top: 20px;
	padding-bottom: 20px;

	color: white;
	writing-mode: lr-tb;


}

#TextImg { 

    margin-left: auto;
    margin-right: auto;
		text-align: center;
	background: url("img/text.png") center 0 no-repeat ;
   	background-position : center ;
   	background-size : 70%;
	max-width: 800px;
	height : 50px;
	max-height: 40px;
}

#Intro b {
	display: block;
	width : 50%;
	margin-left: 10%;
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
    color: white;
	margin-top : 5px;
	font-size: 2.5em;
	
	text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.25);
}

h1 {
	font-size: 2em;
    font-weight: normal;
}


#Shadow {
	height : 10px;
	width : 200%;
	margin-left: -50%;
	background-color: #cc003b;
}

/*SCREENSHOTS*/

.screenshot {
	padding: 40px;
	text-align: center;
}

.screenshot img {
	display: table-cell;
	border-radius: 10px;
	width: 100%;
	height: auto;
}

/*FOOTER*/

footer {
	margin-bottom : 100px;
}

footer a {
	text-decoration: none;
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
	text-shadow: 0px 4px 0px rgba(215, 160, 37, 0.7),0px 0px 60px rgba(0, 90, 110, 1);
	margin : 5px;
	color: #fcda31;
}

footer a:hover {
	text-decoration: none;
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
	text-shadow: 0px 4px 0px rgba(230, 180, 44, 0.7),0px 0px 60px rgba(0, 90, 110, 1);
	color: #ffe875!important;
}

footer a:active:visited {
	text-decoration: none;
}

footer p {
	font-family: FluffyFont, sans-serif;
	text-transform: uppercase;
    color: white;
	font-size: 2.1em;
	margin : 5px;
	text-shadow: 0px 4px 0px rgba(110, 175, 185, 0.7),0px 0px 60px rgba(0, 90, 110, 1);
}

/*?????*/

.parallax-child {
  transform-origin: 0 0;
  transform: translateZ(-2px) scale(3);
}

.twitter-tweet  {
	margin: auto;
}