html {
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	padding: 0px;
}

a:link {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}

a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.resistance {
    position: absolute;
    z-index: 100;
    width: 7%;
}

ul#navigation {
	position: absolute;
	z-index: 110;
}

ul#navigation li {
    list-style: none;
    display: inline;
    margin-right: 30px;
    font-size: 1.4em;
}

.oswald {
	font-family: 'Oswald', sans-serif;
}

h2 {
	margin: 0;
	font-family: 'Oswald', sans-serif;
	font-size: 3em;
}

.page {
	min-height: 100%;
}

.slogan {
	padding-left: 40px; 
	padding-top: 80px;
	text-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
	font-size: 5em;
	color: #FFFFFF;
	z-index: 100;
}

.subslogan {
	padding-top: 30px;
	font-size: 1.5em;
}

#app_box {
	margin-top: 5%;
}

#google {
	float: left;
}

#google_store {
	width: 12em;
}

#apple {
	margin-left: 20%;
}

#apple_store {
	width: 12em;
}
/*
.fp-slides {
	overflow: inherit;
}
*/

.slide {
	z-index: 100;
	opacity: 0.25;
}

#slide1 {
	background-image: url(../images/resistance/image1.jpg);
}

#slide2 {
	background-image: url(../images/resistance/image2.jpg);
}

#slide3 {
	background-image: url(../images/resistance/image3.jpg);
}
#slide4 {
	background-image: url(../images/resistance/image4.jpg);
}
/*
#goto_button_down {
	content:url('../images/chevron-down.png');
	height: 2em;
	position: absolute;
	left: 50%;
	bottom: 0px;
}*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	html {
		font-size: 1.9em;
	}
	
	h2 {
		font-size: 4em;
	}

	.resistance {
	    position: absolute;
	    z-index: 100;
	    width: 5%;
	}
	
	ul#navigation li {
    	font-size: 1.6em;
	}
	
	.slogan {
		float: left;
		padding-top: 140px;
		font-size: 4em;
	}
	
	.subslogan {
		float: right;
		font-size: 1.2em;
	}

	#slide1 {
		background-image: url(../images/resistance/image1_1_mobile.jpg);
	}

	#slide2 {
		background-image: url(../images/resistance/image1_2_mobile.jpg);
	}

	#slide3 {
		background-image: url(../images/resistance/image3.jpg);
	}
	#slide4 {
		background-image: url(../images/resistance/image4.jpg);
	}
}

@media all and (orientation:landscape) {
/*
	.slogan {
		padding-top: 160px;
		float: left;
		font-size: 9em;
	}
	
	.subslogan {
		padding-top: 160px;
		float: right;
		font-size: 2em;
	}

	ul#navigation li {
	    font-size: 4em;
	}
   */
}