/* Version 2.0 - First live. One container, no portrait 11/22/14 */
/* Version 2.1 - Added containerportrait/img css */
/* Version 2.2 - viewport width, maxwidth mobile responsive for scaling */

body {
  
  color: black;
  /* Full Page Background Receipe */
  /* background: url('../images/headshotlight.jpg'); */
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}


/* One container per section of page, 90% of viewport width, defined in HTML as mobil first scaling. */

/* Title container - isolates large scale name only */

.containertitle {
  width: 90%;
  max-width:720px;
  margin: 0 auto;
  background: rgba(0,0,0,0);
  padding-top: 5%;
  padding-bottom:1%;
  border-radius: 0px;
  text-align:center;
  position:relative;
  color:black;
}

/* Round centered portrait container */

.containerportrait {
  width: 90%;
  max-width:720px;
  text-align:center;
  margin: auto;
}

/* CSS for the round portrait image */

.containerportrait img {
  width: 135px;
  height: 135px;
  border-radius: 50%;
  border:1px solid white;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  }

/* Container for the bio section */

.containerbio {
  width: 90%;
  max-width:720px;
  margin: 0 auto;
  background: rgba(0,0,0,0);
  padding-top: 1%;
  padding-bottom:1%;
  border-radius: 0px;
  text-align:justify;
  position:relative;
  color:black;
  line-height:30px;
  font-family: 'Roboto', sans-serif;:;
  font-weight:100;
}

/* Container for the social media section images */

.containersocial {
  width: 90%;
  max-width:720px;
  margin: 0 auto;
  background: rgba(0,0,0,0);
  padding-top: 1%;
  padding-bottom:1%;
  border-radius: 0px;
  text-align:center;
  position:relative;
  color:black;
  line-height:30px;
  font-family: 'Roboto', sans-serif;:;
  font-weight:100;
}

/* footer container */

.containerfoot {
  width: 90%;
  max-width:720px;
  margin: 0 auto;
  background: rgba(0,0,0,0);
  padding-top: 10%;
  padding-bottom:1%;
  border-radius: 0px;
  text-align:center;
  position:relative;
  color: rgb(79,151,214);
  font-family: 'Roboto', sans-serif;:;
  font-weight:100;
}

/* Text Decoration */

h1{
	font-size: 50px;
  font-weight:100;
	margin-bottom: 5px;
  font-family: 'Roboto',sans-serif;:;
}

h2{
	font-size: 18px;

}

a{
	color: rgb(55,108,234);
	text-decoration: none;
}

a:hover{
  color:rgb(240,97,7);
}