html {
	height:100%;
}
body {
	height:100%;
	text-align:center;
}
h1,h2,h3,p,a,li {
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:left;
}
#footer p {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
}
#indexpage body {	
	background:rgb(234,75,123);
	background:linear-gradient(135deg,rgba(234,75,123,1)15%,rgba(255,116,81,1)100%);
	background-attachment:fixed;
}
/*#indexpage #logo {
	margin:20px auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}*/
#textpage body {
	background:rgb(255,255,255);
}
#indexpage {
	color:white;
}
#indexpage a {
	color:white;
}
#textpage {
	color:black;
}
#textpage a {
	color:black;
}
#textpage #textwrapper {
	display:inline-block;
	padding-bottom:20px;
}
@media only screen and (min-width: 1201px) {
	#indexpage #indexcontent {
		position: absolute;
		width:85%;
		height:85%;
		top:2%;
		left:7.5%;
		/*background:red;*/
	}
	#indexpage #indexcontent #logo {
		width:15%;
	}
	#indexpage #indexcontent #slogan {
		margin-top:6%;
		text-align:center;
		font-size:68px;
	}
	#indexpage #indexcontent #phonecontact {
		margin-top:8%;
		text-align:center;
		font-size:24px;
	}
	#textpage #textwrapper {
		width:50%;
	}
	p,a,li {
		font-size:14px;
	}
	h1 {
		font-size:36px;
	}
	h2 {
		font-size:24px;
	}
	h3 {
		font-size:18px;
	}
}
@media only screen and (max-width: 1200px) {
	#indexpage #indexcontent {
		position: absolute;
		width:85%;
		height:85%;
		top:2%;
		left:7.5%;
		/*background:red;*/
	}
	#indexpage #indexcontent #logo {
		width:40%;
	}
	#indexpage #indexcontent #slogan {
		margin-top:10%;
		text-align:center;
		font-size:68px;
	}
	#indexpage #indexcontent #phonecontact {
		margin-top:12%;
		text-align:center;
		font-size:24px;
	}
	#textpage #textwrapper {
		width:85%;
	}
	p,a,li {
		font-size:22px;
	}
	h1 {
		font-size:48px;
	}
	h2 {
		font-size:36px;
	}
	h3 {
		font-size:28px;
	}
}