/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */


	body {
	margin: 0 auto;
		
	}
 
	.info {
	    width: 780px;
	    margin: 0 auto;
	    font-size: 14pt;
		font-family: "nudista-web-n4","nudista-web",sans-serif;
		font-style: normal;
		font-weight: 400;
	}

	.logo {
	    margin-top: 70px;
	    margin-bottom: 50px;
		background-image: url('../img/logo.jpg');
 		width: 84px;
		height: 108px;
	}
	
	
	h1 {
		font-size: 26pt;
		font-family: "nudista-web-n6","nudista-web",sans-serif;
		font-style: normal;
		font-weight: 600;
	}	
	
	#contactme {
	  background-color: #000;
	  -moz-border-radius: 4px;
	  -webkit-border-radius: 6px;
      width: 136px;
      text-align: center;
      line-height: 46px;
      margin-top: 60px;
      margin-bottom: 40px;
      float: left;
      }
 	
	#contactme a:link {color: #f7f7f7; text-decoration:none}
	#contactme a:visited {color: #f7f7f7; text-decoration:none}
	#contactme a:hover {text-decoration:underline; opacity: 0.9; }

	.hire {
	font-size: 11pt;
	margin-top: 60px;
	margin-bottom: 40px;
	line-height: 46px;
	float: left;
	margin-left: 26px;
	}

	a {color: #000; text-decoration:underline;}
	a:hover {color: #373737;}
	
	a.dribbble {color: #ea4c89; text-decoration:underline;}
	a.dribbble:hover {color: #ee7ca8;}
	
	a.instagram {color: #9d654c; text-decoration:underline;}
	a.instagram:hover {color: #b18977;}
	
	a.twitter {color: #00aced; text-decoration:underline;}
	a.twitter:hover {color: #72ccee;}
	
	a.pompom {color: #84ce5b; text-decoration:underline;}
	a.pompom:hover {color: #acd993;}



/* ============================= */
/* ! Layout for iPad only        */
/* ============================= */

@media only screen and (device-width: 768px) {

	#contactme {
		width: 150px;
		margin-bottom: 100px;
		}
	
	
	.info {
	   font-size: 16pt;
	   width:80%;
	}
	
	h1 {
	   font-size: 30pt;
	}
	
	.hire {
		font-size: 12pt;
	}


}

/* ============================= */
/* ! Layout for iPhone 3GS       */
/* ============================= */

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

	h1 {
	   font-size: 37pt;
	   
	}
	
	.info {
	   font-size: 27pt;
	   width:90%;
	   margin-bottom: 10px;
	}
	
	#contactme {
		width: 100%;
		line-height: 84pt;
		margin-top: 70px;
	    margin-bottom: 10px;
		float: none;
		}
	
	
	.hire {
		font-size: 22pt;
		margin: 0px;
		text-align: center;
		float: none;
	}



}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


	.logo {
	        margin-top: 140px;
	        margin-bottom: 100px;
	        background-image: url('../img/logo2x.jpg');
		    width: 168px;
	        height: 216px;
		} 
	
	
	h1 {
	   font-size: 54pt;
	}
	
	.info {
	   font-size: 34pt;
	   width:90%;
	   margin-bottom: 40px;
	}
	
	#contactme {
		width: 100%;
		line-height: 130pt;
		margin-top: 140px;
		float: none;
		}
	
	
	.hire {
		font-size: 24pt;
		margin: 0px;
		text-align: center;
		float:none;
	}

	

}