@import url('https://fonts.googleapis.com/css?family=Open+Sans:light&v1');
@import url('https://fonts.googleapis.com/css?family=Montserrat');


html, body {
	margin:0; padding:0;
	height:100%;
	width: 100%;
}

html {overflow: -moz-scrollbars-vertical;
}

img {
	margin: 0px 20px 0px 20px;
}

a:link    {
	text-decoration:  none;
	color: #e0e0e0;
  } 
a:visited {
	text-decoration:  none;
	color: #e0e0e0;
  } 
a:hover   {
	text-decoration:  none;
	color: #e0e0e0;
  } 
a:active  {
	text-decoration:  none;
	color: #e0e0e0;
  } 

body {
	text-align: center;
	font-size: 20pt;
	font-family: 'Open Sans Light', Verdana, sans-serif;
	color: #e0e0e0;
	background-color: #212121;
	}

#name {
	margin: 10px 0px 10px 0px;
}
	
h1 {
	font-family: Montserrat, Garamond, Times, serif;
	font-size: 60pt;
	text-align: center;
	color: #e0e0e0;
	margin: 0px 0px 0px 0px;
	}

#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-200px;
	width:1px;
	}
	
#centered {
	position:relative; clear:left;
	height:400px; width:80%; max-width:800px; min-width:400px;
	margin:0 auto;
	padding: 20px;
	}
	
#bottom {
	position:absolute;
	bottom:0; right:0;
	}

#tagline {
	margin: 10px 0px 20px 0px;
}
	
#icons{
	text-align: center;
	margin: 20px 0px 10px 0px;
}


.hide {
    display:none;
 }
.show {
    display:block;
 }  
 
 #photolink {
	display: inline;
	}

#photolink_mobile {
	display: none;
	}

#emaillink {
	display: inline;
	}

#emaillink_mobile {
	display: none;
	}

 #tagline {
 	display: inline;
 }

 #tagline_mobile {
 	display: none;
 }

 .break_mobile{
	display: none;
}

@media screen and (max-device-width: 480px){
 
 body {
 	text-align: center;
	font-size: 20pt;
	color: #e0e0e0;
	font-family: 'Open Sans Light', Verdana, sans-serif;
	font-size: 14pt;

  }
 
 h1 {
	font-family: Montserrat, Garamond, Times, serif;
	font-size: 30pt;
	text-align: center;
	color: #e0e0e0;
	margin: 0px 0px 0px 0px;
	}
	
#centered {
	width: 100%; min-width: 320px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 60px;
	}
	
#name {
	width: 100%;
	padding: 0px;
	}

#icons {
	width: 100%;
 }

#photolink {
	display: none;
	}

#photolink_mobile {
	display: inline;
	}

#emaillink {
	display: none;
	}

#emaillink_mobile {
	display: inline;
	}

#tagline {
	display: none;
}

#tagline_mobile{
	font-family: 'Open Sans Light', Verdana, sans-serif;
	display: inline;
}

.break_mobile{
	display: inline;
}

img {
	margin: 0px 5px 0px 5px;
}

	
}