@import url('https://fonts.googleapis.com/css?family=Contrail+One');
@import url('https://fonts.googleapis.com/css?family=Sunflower:300');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

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

.sobre{
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	background: url('img/fundo.jpg');
	background-size: 100% 100%;
	text-align: center;
	padding: 150px 0;
	color: rgb(80,80,80);
}

.sobre h1{
  font-size: 25pt;
  font-family: 'Source Sans Pro', sans-serif;

}

.sobre a, figcaption{
  font-size: 14pt;
  font-family: 'Source Sans Pro', sans-serif;
}

.sobre .tracoE{
	position: relative;
	width: 5%;
	height: 4px;
	background: rgb(200, 200, 0);
	display: inline-block;
	top: -30px;
	vertical-align: middle;
}

.sobre .tracoD{
	position: relative;
	width: 10%;
	height: 4px;
	background: rgb(80,80,80);
	display: inline-block;
	top: -30px;
	vertical-align: middle;
}


.sobre article{
	position: relative;
	width: 80%;
	height: auto;
	display: inline-block;
}

.perfil{
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 200px;
	background: url('img/perfil.jpg');
	background-size: 100% 100%;
	display: inline-block;
	vertical-align: middle;
}

.sobre figcaption{
	position: relative;
	width: 40%;
	height: auto;
	display: inline-block;
	margin: 10px;
	text-align: justify;
	vertical-align: middle;
}

@media (max-width: 980px){

	.sobre{
		position: relative;
		width: 100%;
		height: auto;
		display: block;
		background: url('img/fundo.jpg');
		background-size: 100% 100%;
		text-align: center;
		padding: 150px 0;
		color: rgb(80,80,80);
	}

	.perfil{
		position: relative;
		width: 300px;
		height: 300px;
		border-radius: 200px;
		background: url('img/perfil.jpg');
		background-size: 100% 100%;
		display: inline-block;
		vertical-align: middle;
	}

	.sobre h1{
	  font-size: 30pt;
	  font-family: 'Source Sans Pro', sans-serif;

	}

	.sobre a, figcaption{
	  font-size: 20pt;
	  font-family: 'Source Sans Pro', sans-serif;
	}

	.sobre figcaption{
		position: relative;
		width: 80%;
		height: auto;
		display: inline-block;
		margin: 10px;
		text-align: justify;
		vertical-align: middle;
	}
	
}