/*Background for the bio section */

.container{

	min-height: 100%;		
  	background:rgba(0,0,0,0.6);
  
	width: 30%;

}

/*Bio section itself*/

.bio{

	padding: 8%;
	margin: 0%;
	text-align: left;
	
  
}

h1{
	margin-top:0%;
	padding:0%;
}


body, a{
	
	color: white;
	
	font-family: 'Varela', sans-serif;
	font-weight: 300;
	font-size: 20px;
	text-decoration: none;

}


h1{
	font-family: 'Varela Round', sans-serif;
	font-weight: 800;
	font-size: 60px;
}


/*Social media icons */
.fa-inside{
	color: black;
}

.fa{
	font-size: 2em;
}

.icons{
	margin-bottom: 2%;
}



/*Design for iPad like devices */

@media all and (max-width: 1000px) {
.bio{
	padding:5%;
	text-align: left;

	}

.container{
	width: 50%;
}
}

/*Designed for iPhone like devices*/

@media all and (max-width: 500px) {
.container{
	width: 100%;

}
h1{
	margin:1%;
}
p{
	margin-right: 2%;
}

}



/*Document wide specs*/

html{
	height:100%;
	margin:0%;
}

body{
	height: 100%;
	margin: 0;
	}

}