@font-face {
    font-family: 'Just a dream Solid';
    src: url(fonts/justadream_solid.ttf);
}
@font-face {
    font-family: 'Roboto';
    src: url(fonts/Roboto-Light.ttf);
}
body {
	background-color: #ffffff;
	 font-family: 'Roboto', sans-serif;
 	font-size: 15px; 
}
img {
	max-width:100%;
	border:0;
}
 h1 { 
 	text-align:center;
 	font-family: 'Just a dream Solid', sans-serif;
 	font-size: 38px;  
 	color: #4b4b4b;
  	font-weight: 300;
  	margin-bottom:30px;
  	background: -webkit-linear-gradient(#6b0596, #da0c7b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
 }
 p {
	text-align:center;
	padding:0 45px;
 }
 a {
 	color: #000000;
  	text-decoration: underline;
 }
 a:hover {
  	color: #630689;
 	text-decoration:none
}
header {
  /*background-color: #e8e7e7;
	background-color: rgba(0,0,0, 0.7);*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #d7dae8 34%, #eae8fc 63%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d7dae8 34%,#eae8fc 63%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#d7dae8 34%,#eae8fc 63%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.separator {
	width:90%;
	height:2px;
	margin:0 0 0 5%;
	background: #e02c68; /* Old browsers */
	background: -moz-linear-gradient(left,  #e02c68 0%, #bc237a 27%, #8321d3 59%, #956ecc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #e02c68 0%,#bc237a 27%,#8321d3 59%,#956ecc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #e02c68 0%,#bc237a 27%,#8321d3 59%,#956ecc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.shadow-1 {
-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3);box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)}.z-depth-5{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)
}
::-moz-selection { background: #a9b1bb; color: #fff; text-shadow: none; }
::selection { background: #a9b1bb; color: #fff; text-shadow: none; }

.logo {
	text-align:center;
}
.content {
}
footer p, footer a {
	font-size: 12px;
	color:#b6b6b6 
}
footer hr {
	height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

/*##################  max-width: 768px  #########################*/

@media screen and (max-width: 768px) {
	h1 {
 		font-size: 30px;  
	}
	p {
		padding:0 25px;
		font-size: 14px;
 	}
 	.separator {
		width:80%;
		margin:0 0 0 10%;
	}
}