body{width:100%;
	 scroll-behavior: smooth;
	 background-color: #020202;}

.head{
width:99%;
height:200px;
background-color: transparent;
position:fixed;
z-index: 1;
margin-top:2%;

}
.logo{
height: 100px;
margin-left:2% ;
margin-top:0px;
z-index: 5;
transition: all .3s ease;

}
.BemVindo h1 {
	color:#FFFFFF;
	font-size:60px;
	font-family: 'dosis' , sans-serif;
	font-weight:100;
	text-align: center;
	position:relative;
	align:center;
	vertical-align: center;
	margin-top:40%;
	transition: all .3s ease;
}


.BemVindo{
	position:absolute;
	z-index:10;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float:left;
	text-align: center;
	vertical-align: middle;
	align:center;
	transition: all .3s ease;
	

}


.QuemSou h1 {
	color:#FFFFFF;
	font-size:50px;
	font-family: 'dosis' , sans-serif;
	font-weight:400;
	text-align: center;
	transition: all .3s ease;
	
}
.QuemSou{
	position:absolute;
	padding:5% 44.8%;
	z-index:1;
	transition: all .3s ease;

}
.conteudoQS{
	width:90%;
	position:absolute;
	z-index:1;
	background-color: transparent;
	margin-top: 300px;
	margin-left:10%;
	transition: all .3s ease;

}
.FTPerfil{
	width:400px;
	float:left;
	position:relative;
	transition: all .3s ease;
}
.text_perfil{
	width:65%;
	transition: all .3s ease;
	
}


.conteudoQS p {
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-top: 8%;
	margin-left: 20%;
	font-size: 30px;
	font-weight: 100;
	width:40%;
	transition: all .3s ease;
}



.conteudoPr{
	background-color:transparent;
	position:absolute;
	z-index:100;
	margin-top: 300px;
	margin-left:10%;
	width: 80%;
	transition: all .3s ease;


}
.conteudoPr1{
	width:1080px;
	position:absolute;
	z-index:1;
	background-color: transparent;
	margin-top:15%;
	transition: all .3s ease;

}
.conteudoPr1 p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	width:99%;
	position:absolute;
	text-align: justify;
	margin-bottom: 10%;
	margin-left: 40%;
	font-size: 30px;
	font-weight: 100;
	margin-top:5%;
	transition: all .3s ease;
}
.conteudoPr{
	background-color:transparent;
	position:absolute;
	z-index:100;
	margin-top: 300px;
	margin-left:10%;
	transition: all .3s ease;
}
.fundo{
	with:100%;
	transition: all .3s ease;
}

.titulo1 h1{
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: center;
	font-size:50px;
	margin-top:100px;
	transition: all .3s ease;

}

.titulo1 {
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: center;
	font-size:50px;
	margin-top:100px;

}

.logo1{
	height: 100px;
	margin-left:2% ;
	margin-top: -60px;
	z-index: 100;
	position:fixed;
	transition: all .3s ease;
}

.logo1:hover{
	scale: 110%;
}

.creativecv{
	width:60%;
    margin-top:150px;
	margin-left:20%;
	margin-bottom:120px;
	height:100%;
	border-radius: 10px 10px 10px 10px;
	transition: all .3s ease;
	
}

.titulo2 h1{
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: left;
	font-size:50px;
	margin-top:20px;
	margin-left:100px;
	transition: all .3s ease;

}

.hyperlink{
	text-decoration: none;
	color: #A8B2FF;
}
.hyperlink:hover, .hyperlink:active {
	color:#172EB7;
	transition: .3s ease;
	
	
}

/*----------------------------------------------------------*/

/* Slideshow container */
.slideshow-container {
  width:90%;
  max-width: 1000px;
  position: relative;
  margin: auto;
  margin-top: 100px;
  margin-bottom:0px;
  z-index: 0;
  transition: all .3s ease;
}

/* Hide the images by default */
.mySlides {
  display: none;
  transition: all .3s ease;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
  transition: all .3s ease;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: transparent;
  transition: all .3s ease;
}

/* Caption text */
.text {
  color: #FFFFFF;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  transition: all .3s ease;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #FFFFFF;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  transition: all .3s ease;
}

/* The dots/bullets/indicators */
.dot2 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  z-index: 100;
}

.active, .dot2:hover {
  background-color: #FFFFFF;
  transition: all .3s ease;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
  transition: all .3s ease;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/*----------------------------------------*/
.fundo{
	z-index:1;
}

.projeto p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-top: -40px;
	margin-left: 10%;
	font-size: 30px;
	font-weight: 100;
	width:80%;
	margin-bottom:0px;
	transition: all .3s ease;
}

.projeto{
	width:90%;
	margin-left:5%;
	margin-bottom:140px;
	transition: all .3s ease;
}


footer {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index:1000;
}
footer div.social-media-links {
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
  overflow: hidden;
  padding-bottom: 4px;
  text-align: center;
  border-radius: 5px 5px 0px 0px
}
footer div.social-media-links ul {
  margin: 0;
  padding: 0;
}
footer div.social-media-links li {
  display: inline;
  margin: 0;
  padding: 0;
}
footer div.social-media-links a {
  border-bottom: 0px solid rgba(0, 0, 0, 0.95);
  border-radius: 4px;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0), 0 6px 8px rgba(0, 0, 0, 0), 0 24px 24px rgba(0, 0, 0, 0), 0 36px 36px rgba(0, 0, 0, 0), 0 64px 64px rgba(0, 0, 0, 0), 0 64px 128px rgba(0, 0, 0, 0), 0 120px 0 rgba(0, 0, 0, 0), 0 86px 8px 6px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 30px;
  padding: 20px;
  position: relative;
  transition: 0.2s ease-in;
  width: 30px;
}
footer div.social-media-links a svg {
  left: 20px;
  position: absolute;
  top: 20px;
  height: 30px;
  width: 30px;
}
footer div.social-media-links a svg.glow path,
footer div.social-media-links a svg.glow circle {
  fill: rgba(0, 0, 0, 0);
}
footer div.social-media-links a svg path,
footer div.social-media-links a svg circle {
  fill: #FFFFFF;
  transition: 0.2s ease-in;
	color:rgba(255,255,255,1.00)
}
footer div.social-media-links a:hover {
  transform: translateY(-4px);
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.05), 0 24px 24px rgba(0, 0, 0, 0.05), 0 36px 36px rgba(0, 0, 0, 0.05), 0 64px 64px rgba(0, 0, 0, 0.15), 0 64px 128px rgba(0, 0, 0, 0.15), 0 86px 8px 6px rgba(255, 255, 255, 0.50), 0 83px 4px 0px rgba(255, 255, 255, 0.95);
}
footer div.social-media-links a:hover svg.glow {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><f…ter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  filter: blur(2px);
}
footer div.social-media-links a:hover svg.glow path,
footer div.social-media-links a:hover svg.glow circle {
  fill: #FFFFFF;
}
footer div.social-media-links a:hover svg path,
footer div.social-media-links a:hover svg circle {
  animation: fadeIt1 5s linear infinite;
}

  @keyframes fadeIt1 {
  0%   { fill: #FFFFFF; }
  25%  { fill: #0000FF; }
  50%  { fill: #00FF00; }
  75%  { fill: #FF0000; }
  100% { fill: #FFFFFF; }
}

.return{
  fill:#FFFFFF;
  left: 20px;
  position: absolute;
  top: 20px;
  height: 30px;
  width: 30px;
  margin-top:150px;
  margin-left:20px;
  transition: all .3s ease;
  fill: rgba(255, 255, 255, 0.8);
	

	
}
.return:hover{
	transform: scale(1.5);
	fill: rgba(255, 255, 255, 1);
    animation: fadeIt1 5s linear infinite;
}

/*----------------------------------------------------------*/
@media only screen and (orientation: portrait){
  
	.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-top: 8%;
	margin-left:5%;
	margin-right:5%;
	font-size: 24px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	z-index: 3;
}
	.conteudoQS{
		width:90%;
		margin-left:5%;
		float: none;
		
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5%;
		margin-right:5%;
		margin-bottom: 60px;
		position:relative;
		margin-top: -250px;
		align-content: center;
		float:none;
	}
	.QuemSou{
		position:static;
		align-content: center;
		margin-left:-25px;
	}
.logo{
	height: 100px;
margin-left:2% ;
margin-top: 10px;
z-index: 10;
position:fixed
}

.creativecv{
	width:90%;
    margin-top:50px;
	margin-left:5%;
	margin-bottom:250px;
	height:100%;
	border-radius: 10px 10px 10px 10px;
	
}

.titulo2 h1{
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: left;
	font-size:30px;
	margin-top:150px;
	margin-left:20px;

}

.BemVindo h1 {
	color:#FFFFFF;
	font-size:40px;
	font-family: 'dosis' , sans-serif;
	font-weight:100;
	text-align: center;
	position:relative;
	align:center;
	vertical-align: center;
	margin-top:75%;
	
}


.BemVindo{
	position:absolute;
	z-index:10;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float:left;
	text-align: center;
	vertical-align: middle;
	align:center;
	margin-top:0px;
	

}

.slideshow-container {
  width:100%;
  max-width: 1500px;
  position: relative;
  margin: auto;
  z-index:6;
  margin-top: 100px;
  margin-bottom:100px;
}

.titulo1 h1{
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: center;
	font-size:50px;
	margin-top:100px;

}

.titulo1 {
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: center;
	font-size:30px;
	margin-top:120px;
	width:90%;
	margin-left:5%;

}

.logo1{
	height: 100px;
margin-left:2% ;
margin-top: -110px;
z-index: 1000;
position:fixed
}

.titulo2 h1{
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: left;
	font-size:26px;
	margin-top:50px;
	margin-left:10px;

}

	.return{
	fill:#FFFFFF;
  position: fixed;
  height: 30px;
  width: 30px;
  margin-top:120px;
  margin-left:-10px;
  z-index: 100;
	
}
	
	.projeto p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-top: -40px;
	margin-left: 0%;
	font-size: 30px;
	font-weight: 100;
	width:100%;
	margin-bottom:0px;
	transition: all .3s ease;
}
	.projeto{
	width:80%;
	margin-left:10%;
	margin-bottom:140px;
	transition: all .3s ease;
}
	
	.conteudoPr{
	   margin-bottom:200px;
	}
	
}
@media screen and (min-width:768px){
	.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-top: 8%;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
}
	.conteudoQS{
		width:90%;
		margin-right:5%;
		margin-left:5%;
		align-content:center;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:20%;
		margin-right:20%;
		margin-bottom: 60px;
		position:relative;
		margin-top: -250px;
		align-content: center;
		float:none;
		max-width:60%;
	}
	.QuemSou{
		position:static;
	}

	.BemVindo h1 {
		color:#FFFFFF;
		font-size:60px;
		font-family: 'dosis' , sans-serif;
		font-weight:100;
		text-align: center;
		position:relative;
		align:center;
		vertical-align: center;
	
}


	.BemVindo{
		position:absolute;
		z-index:10;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float:left;
		text-align: center;
		vertical-align: middle;
		align:center;
		margin-top:5%;
	

}	

	.titulo2 h1{
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: left;
	font-size:46px;
	margin-top:100px;
	margin-left:10px;

}

	.return{
	fill:#FFFFFF;
  position: fixed;
  height: 30px;
  width: 30px;
  margin-top:130px;
  margin-left:40px;
  z-index: 100;
	
}
	
}

@media screen and (min-width:1024px){

	.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	margin-top:-10px;
}
	.conteudoQS{
		width:90%;
		margin-right:5%;
		margin-left:50px;
		margin-top: 50px;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5px;
		margin-right:5%;
		margin-bottom: 4px;
		position:relative;
		margin-top: 0px;
		float: left;
		max-width:400px;
	}
	
	.creativecv{
	width:80%;
    margin-top:100px;
	margin-left:10%;
	margin-bottom:140px;
	height:100%;
	border-radius: 10px 10px 10px 10px;
	
}

.titulo2 h1{
	font-family: 'dosis' , sans-serif;
	color:#FFF;
	font-weight: 400;
	text-align: left;
	font-size:50px;
	margin-top:170px;
	margin-left:100px;

}
	
	
	

.slideshow-container {
  width:90%;
  max-width: 1300px;
  position: relative;
  margin: auto;
  z-index:6;
  margin-top: 50px;
  margin-bottom:100px;
}
	
		.BemVindo h1 {
		color:#FFFFFF;
		font-size:60px;
		font-family: 'dosis' , sans-serif;
		font-weight:100;
		text-align: center;
		position:relative;
		align:center;
		vertical-align: center;
	
}


	.BemVindo{
		position:absolute;
		z-index:10;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float:left;
		text-align: center;
		vertical-align: middle;
		align:center;
		margin-top:-20%;
	

}

		.return{
	fill:#FFFFFF;
  position: fixed;
  height: 40px;
  width: 40px;
  margin-top:130px;
  margin-left:40px;
  z-index: 100;
	
}

	.projeto p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-top: -40px;
	margin-left: 10%;
	font-size: 30px;
	font-weight: 100;
	width:80%;
	margin-bottom:0px;
	transition: all .3s ease;
}

.projeto{
	width:90%;
	margin-left:5%;
	margin-bottom:120px;
	transition: all .3s ease;
}
	
	
}

@media screen and (min-width:1316px){

	.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	margin-top:-10px;
}
	.conteudoQS{
		width:90%;
		margin-right:5%;
		margin-left:5%;
		margin-top: 50px;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5px;
		margin-right:50px;
		margin-bottom: 4px;
		position:relative;
		margin-top: 0px;
		float: left;
		max-width:400px;
	}
	
	.BemVindo h1 {
		color:#FFFFFF;
		font-size:60px;
		font-family: 'dosis' , sans-serif;
		font-weight:100;
		text-align: center;
		position:relative;
		align:center;
		vertical-align: center;
		
}


	.BemVindo{
		position:absolute;
		z-index:10;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float:left;
		text-align: center;
		vertical-align: middle;
		align:center;
		margin-top:-25%;
		
}

	
	
}


@media screen and (min-width:1400px){
		.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	margin-top:0px;
}
	.conteudoQS{
		width:90%;
		margin-right:50px;
		margin-left:5%;
		margin-top: 120px;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5px;
		margin-right:5%;
		margin-bottom: 4px;
		position:relative;
		margin-top: 0px;
		float: left;
		max-width:400px;
	}
	
	.BemVindo h1 {
		color:#FFFFFF;
		font-size:60px;
		font-family: 'dosis' , sans-serif;
		font-weight:100;
		text-align: center;
		position:relative;
		align:center;
		vertical-align: center;
		
}


	.BemVindo{
		position:absolute;
		z-index:10;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float:left;
		text-align: center;
		vertical-align: middle;
		align:center;
		margin-top:-25%;
		
}

	
	
}
@media screen and (min-width:1550px){
		.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	margin-top:40px;
}
	.conteudoQS{
		width:90%;
		margin-right:5%;
		margin-left:5%;
		margin-top: 90px;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5px;
		margin-right:50px;
		margin-bottom: 4px;
		position:relative;
		margin-top: 0px;
		float: left;
		max-width:400px;
	}
	
	
	
}

@media screen and (min-width:1650px){
		.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	margin-top:40px;
}
	.conteudoQS{
		width:90%;
		margin-right:5%;
		margin-left:5%;
		margin-top: 140px;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5px;
		margin-right:50px;
		margin-bottom: 4px;
		position:relative;
		margin-top: 0px;
		float: left;
		max-width:400px;
	}
	
	

	
}

@media screen and (min-width:1765px){
		.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	margin-top:60px;
}
	.conteudoQS{
		width:90%;
		margin-right:5%;
		margin-left:5%;
		margin-top: 140px;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5px;
		margin-right:50px;
		margin-bottom: 4px;
		position:relative;
		margin-top: 0px;
		float: left;
		max-width:400px;
	}
	
	
	
	
}
	
@media screen and (min-width:2350px){
		.conteudoQS p{
	font-family:'Dosis' , sans-serif;
	color:#FFFFFF;;
	position:relative;
	text-align: justify;
	margin-left:5%;
	margin-right:5%;
	font-size: 30px;
	font-weight: 100;
	width:90%;
	margin-bottom:50px;
	margin-top:90px;
}
	.conteudoQS{
		width:90%;
		margin-right:5%;
		margin-left:5%;
		margin-top: 140px;
		
	}
	.FTPerfil{
		width:90%;
		margin-left:5px;
		margin-right:50px;
		margin-bottom: 4px;
		position:relative;
		margin-top: 0px;
		float: left;
		max-width:400px;
	}
	
	.BemVindo h1 {
		color:#FFFFFF;
		font-size:60px;
		font-family: 'dosis' , sans-serif;
		font-weight:100;
		text-align: center;
		position:relative;
		align:center;
		vertical-align: center;
		
}


	.BemVindo{
		position:absolute;
		z-index:10;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float:left;
		text-align: center;
		vertical-align: middle;
		align:center;
		margin-top:-20%;
		
}
	
	

	
	
}