@import url();

body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 64px;
	text-align: center;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding-bottom:6em;
	background: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	height: 100%;
	background-image: -webkit-linear-gradient(top left, white 0%, #9FBFD2 100%); 
background-image: -moz-linear-gradient(right bottom, white 0%, #9FBFD2 100%); 
background-image: -o-linear-gradient(white 0%, #9FBFD2 100%); 
background-image: linear-gradient(white 0%, #9FBFD2 100%);
}



a, a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
	-webkit-box-shadow: 0px 0px 25px 10px rgba(247,15,247,0.6);
-moz-box-shadow: 0px 0px 25px 10px rgba(247,15,247,0.6);
box-shadow: 0px 0px 25px 10px rgba(247,15,247,0.6);
}

div {
	padding:0px;
	margin:0px;
}

img {
	width:1em;	
	
}

.line {

}

.word {	
	margin:0em 0em 0em 0em;
	height:5em;
	margin:0px auto;		
	/*border:1px red solid;*/
}

.letter {
	width:5em;
	margin-right:1em;
	float:left;
	/*border:1px green solid;*/
}

.dot {
	width:1em;
	height:1em;
	float:left;
	
}



/* I */

.word-i {
	width:2em;
}

.letter-i{
	width:1em;
}

/* AM */

.word-am {
	width:11em;
}

.letter-a {
	width:4em;
}


/* MY */

.word-my {
	width:12em;
}


/* ANTI */

.word-anti {
	width:19em;
}


/* SOCIAL */

.word-social {
	width:24em;
}

.letter-s {
	width:4em;
}

.letter-o {
	width:4em;
}

.letter-c {
	width:3em;
}

.letter-l {
	width:3em;
	margin-right:0;
}

/* NET */

.word-net {
	width:16em;
}

.letter-e {
	width:3em;
}

/* NET */

.word-work {
	width:21em;
}

.letter-w {
	width:5em;
}

.letter-r {
	width:4em;
}

.letter-k {
	width:4em;
}





@media (max-width: 480px) { 

	body {
		font-size: 48px;
		margin-top:1em;
	}
	
	.letter {
		margin-bottom:1em;
	}
	
	.word {
		margin-bottom:4em;
	}
	
	.word-i {
		height:5em;
	}
	
	.word-i .letter-i{
		margin-left:0.5em;
	}

	/* AM */
	
	.word-am {
		height:11em;
		width:5em;
	}

	.word-am .letter-a {
		margin-left:0.5em;
	}
	
	.word-am .letter-m {
		margin-left:0em;
	}
	
	/* MY */

	.word-my {
		height:11em;
		width:5em;
	}
	

	
	/* ANTI */

	.word-anti {
		height:24em;
		width:5em;
	}
	
	.word-anti .letter-a {
		margin-left:0.5em;
	}

	.word-anti .letter-i {
		margin-left:2em;
	}
	
	/* SOCIAL */

	.word-social {
		height:36em;
		width:5em;
	}

	.word-social .letter-s {
		margin-left:0.5em;
	}
	
	.word-social .letter-o {
		margin-left:0.5em;
	}
	
	.word-social .letter-c {
		margin-left:1em;
	}

	.word-social .letter-i {
		margin-left:2em;
	}

	.word-social .letter-a {
		margin-left:0.5em;
	}
	
	.word-social .letter-l {
		margin-left:1em;
	}

	/* NET */

	.word-net {
		height:18em;
		width:5em;
		margin-bottom:0em;
	}
	
	.word-net .letter-e {
		margin-left:1em;
	}


	/* WORK */

	.word-work {
		height:24em;
		width:5em;
	}
	
	.word-work .letter-o {
		margin-left:0.5em;
	}

	.word-work .letter-r {
		margin-left:0.5em;
	}	

	.word-work .letter-k {
		margin-left:0.5em;
	}
		
}

/* iPad 
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {} 
*/

@media (min-width: 481px) and (max-width: 1280px) {
	
	body {
		font-size: 48px;
	}
	
	.line {
		margin:4em 0em 0em 0em;
	}

}

@media (min-width: 1281px) and (max-width: 1600px) {
	
	body {
		font-size: 48px;
	}
	
	.line {
		margin:6em 0em 0em 0em;
	}

}

@media (min-width: 1601px) {
		
	.line {
		margin:6em 0em 0em 0em;
	}

}