body, html{
	font-family: 'Roboto', sans-serif !important;
	width: 100%;
    height: 100%;
	
}
header{height:100vh !important;}

.divBemVindo{
	text-align:center;
	background-color:#f0ede8;
	background-image: url("../pix/fundoHeader.jpg");

	  /* Image doesn't repeat */
	background-repeat: no-repeat;
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
	width:100%;
	margin:0px !important;
	position:fixed;
	z-index:1;
	height:100%;
	
}

.divBemVindo h1{margin-bottom:50px;}

.corpoConteudo{
	font-family: 'Open Sans', sans-serif !important;
	position:relative;
	z-index:100 !important;
	background-color:#fff;
	display:block !important;
	
}

header span{font-weight:100 !important;}

header .paragrafo{
	color:#333;
	display:block;
}

header .textoInicial{
	font-size:8vw;
}

header .euSou{font-family: 'Raleway', sans-serif !important;
	}

header .meuNome{
	font-family: 'Raleway', sans-serif !important;
	font-weight:900;
	
	font-size:16vw;
	
}

footer{background-color:#fff; position:absolute; width:100%; text-align:center; bottom:0 !important; border-top:1px solid #ddd;}
footer p{font-size:16px; padding:4px; margin-top:6px; color:#333;}

.nav ul li a:hover, .nav ul li a:focus{
	background-color: #333 !important;
	border-color: transparent !important;
}
@media only screen and (min-width: 1048px) {
	.nav ul li a{
		padding-right:50px !important;
	padding-left:50px !important;
	}
}
@media only screen and (min-width: 1010px) {
	.maisSobre img{
	max-height:15vh !important;}
		.displayFlex{	 
	margin:0 auto !important;
			 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */
	  display: -webkit-flex;     /* NEW - Chrome */
	  display: flex; 
	   align-items: center;
		justify-content: center;
		
	 
	 }
	 .conteudo{width:80% !important; margin:0 auto !important;}
	 .descricaoTarefa ul{ 
		margin:0px !important;
	 }
	 .labelTarefas{

	 border-color:transparent !important;
	 }

	.nav ul li{display:block !important;}
		 .nav ul li a{
			 font-size:19px !important;
		
	 }
	.nav ul li a:hover, .nav ul li a:focus{
	background-color: #333 !important;
	border-color: transparent !important;
	
}
.nav ul li .active:hover, .nav ul li .active:focus{
	background-color: #333 !important;
	border-color: #fff !important;
}
	header .textoInicial{
	font-size:10vh !important;
}

header .meuNome{
font-size:9vw !important;}
	
	
	 #ux img{max-width:30vw !important; padding:0px !important;}
	 
	 

}

.divBemVindo a:hover, .maisSobre:focus{background-color:#fff !important; color:#039074 !important;border-color:#ddd !important; -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;}
	.divBemVindo a i{margin-left:8px;}
	.divBemVindo a:hover i{-webkit-animation-name: slybounce;
-webkit-animation-duration: 0.7s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-moz-animation-name: slybounce;
-moz-animation-duration: 0.7s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
}
	
@media only screen and (min-width: 357px) {
	.maisSobre:after {
    content:'';
    position: absolute;
    top: 0.3vh;
    right: 100%;
    width: 0;
    height: 0;
    border-top: solid 3vh transparent;
    border-bottom: solid 3vh transparent;
    border-right: solid 10px #01755e;-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
	}
	
	.maisSobre:hover:after, .maisSobre:focus:after  {-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;border-right-color:#aaa !important;}

	.divMaisSobre img{display:inline-block !important; max-height:10vh;}
 .divMaisSobre{padding-right:6% !important;}
}

@media only screen and (min-width: 430px) {
	.divMaisSobre img{max-height:16vh;}

}
#experiencia .topicoExp .iconDiv{
border-radius:50% ; background-color:#039074;}
@media only screen and (min-width: 710px) {
	#experiencia .topicoExp .iconDiv i{
		color:#039074;-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
	}
	
	#expUX:hover .iconDiv i, #expDev:hover .iconDiv i, #expTools:hover .iconDiv i{
		color:#fff;-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
	}
	
	#experiencia .topicoExp .iconDiv{
		
	border-radius:10% ;
		background-color:#eee!important;
		-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
	}
	#expUX:hover, #expDev:hover, #expTools:hover{
		border-color:#bbb !important;
		
		-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
	}

	#expUX:hover .iconDiv, #expDev:hover .iconDiv, #expTools:hover .iconDiv{
		color:#fff;
	border-radius:50% !important;
	background-color:#039074 !important;
	-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
	
}
	header .textoInicial{
		font-size:5vw;
	}
	.nav ul li a{

		padding-right:20px;
		padding-left:20px;
		font-size:16px;

	}
	header .meuNome{
		font-size:10vw;}
	.nav ul li{
	display:inline-block !important;
	border:0px !important;
	margin:0px !important;
	font-size:0px;
}
	.nav ul li .active, .nav ul li .active:focus{
	border-color: #fff !important;
}
.nav ul{
display:block !important;}
#menuToggle{display:none !important;}
		}

.maisSobre, .maisSobre:active{-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; font-family: 'Raleway', sans-serif !important; font-weight:600;text-transform:uppercase;padding:1.4vh; background-color:#039074; position:relative; color:#fff; text-decoration:none !important; font-size:2.6vh; border-top-right-radius:10px;border-bottom-right-radius:10px; border:1px solid #039074; padding-left:4.7vh !important;}
.divMaisSobre img{display:none;}


@-webkit-keyframes slybounce {
  0% {
    -webkit-transform: translate(0px,0px);
  }
  50% {
    -webkit-transform: translate(0px,5px);
  }
  100% {
    -webkit-transform: translate(0px,0px);
  }
}

@-moz-keyframes slybounce {
  0% {
    -moz-transform: translate(0px,0px);
  }
  50% {
    -moz-transform: translate(0px,5px);
  }
  100% {
    -moz-transform: translate(0px,0px);
  }
}
 
 
.mainColor{
	color:#039074 !important;
}

.divBemVindo{
	padding-top:18vh;
}

.divFixed{
		position:fixed !important;
		top:0px;
		z-index:1000 !important;
		width:100%;
	
	}
.marginFixed{margin-top:30px;}
.nav{
	background-color:#039074;
	position:absolute;
	width:100%;
	z-index:1000 !important;
}

#menuToggle{background-color:#333 !important; padding:7px !important; font-size:16px; color:#fff; margin:5px; border-color:transparent !important; text-transform:uppercase; font-weight:bold;}

#menuToggle span{padding-right:13px;}

#menuToggle span:after{
	 content: "\f078";
	 font-family: fontawesome;
	 margin-left:4px;
	 font-size:11px;
	position:absolute;
		margin-top:5px;
}

#menuToggle .collapsed:after{
	content: "\f077" !important;
	font-family: fontawesome;
}

.nav ul{
	display:none;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	padding-left:0px !important;
	margin-left:0px !important;
	margin:0 auto;
	text-align:center !important;
	font-size: 0;
}
a, a:active, a:link{outline: none !important;}

.nav ul li{
	display:block;
	list-style:none;
	border-top:1px solid #01735c;
	
	text-transform:uppercase;
	padding:0px!important;margin:0px !important;
}


.nav ul li a{
	 -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
	display:block !important;
	color:#fff !important;
	padding-top:7px;
	padding-bottom:7px;
	font-size:18px;
	text-decoration:none;
	border:4px solid transparent;
}

.nav ul li .active{
	 -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
	background-color: #333 !important;
}
section{display:block !important; min-height:100vh; padding-top:80px; padding-bottom:50px; overflow:hidden;}
section a{font-weight:normal !important;}
.topicoExp{-webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; margin:0 auto; margin-top:30px !important; background-color:#fff; border:1px solid #e0e0e0; padding:10px 30px; 
border-top-color:#039074 !important; border-top:5px solid #eee!important; border-bottom:5px solid #eee!important; position:relative;}

#sobre .topicoExp{
	background-color:#f9f9f9 !important;
	margin-top:50px !important;
	border
}
#sobre .topicoExp:hover{
	border-color:#ccc !important;
}

#sobre .iconDiv{
	border-radius:50%;
	
	background-image: url("../pix/eu-noBorder.png") !important;
	width:100px;
	height:100px;
	top:-50px;
	  /* Image doesn't repeat */
	background-repeat: no-repeat;
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
	border:4px solid;
	border-color:#fff;
}
.iconDiv{
	position:absolute;
	left:-20px;
	top:-30px;
	border-radius:50%;
	background-color:#039074;
	padding:15px;
	border:2px solid #eee;
}
.iconDiv i{
	font-size:30px;
	color:#fff;
}
.topicoExp .tituloTopico{text-align:left; color:#039074; padding-top:10px;}
.topicoExp ul{margin:0px; padding:10px;}
.topicoExp ul li{list-style:none; font-size:16px; padding:8px; border-top:1px solid #f0f0f0;}
.topicoExp ul li:before {
	font-family: fontawesome;
      content: "\f00c";
    color: #039074;
    margin-right: .5em;
	font-size:13px;
	font-weight:normal !important;
}
.conteudo .imagemIndex img{margin:0 auto !important;}
.imagemMobile{ padding-top:40px;}
.conteudo .imagemMobile img{margin:0 auto !important;}

.sectionPar{background-color:#f9f9f9;}
.textoConteudo{padding:30px;}
.textoConteudo h3{font-weight:600;}

.textoConteudo p{font-size:18px; font-weight:300 !important; margin:5px !important;}

#sobre  img{min-width:215px !important; margin:0 auto !important;}
#ux img{margin:0 auto; padding-bottom:10px; border-top-left-radius:20%; border-bottom-right-radius:20%;}
#ux .conteudo{padding-top:30px;} 
#trabalhos .conteudo{margin:0 auto !important;}
#trabalhos .conteudo .trabalho img{margin:0 auto; margin-bottom:20px !important;}
#trabalhos div{text-align:center;}
#trabalhos .headerSection{padding-bottom:50px !important;}
#trabalhos .conteudo .trabalho{padding-bottom:30px !important; margin:0px auto 30px auto; text-align:center; background-color:#fff; border:1px solid #eee; padding:30px;  position:relative;
border-top:5px solid #eee!important; border-bottom:5px solid #eee!important;}
#trabalhos .conteudo .trabalho a{ -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s; display:block;margin-top:21px !important; margin-left:15px !important; width:110px; font-size:15px; padding:6px !important; text-decoration:none; color:#fff; background-color:#039074; border-radius:4px;}
#trabalhos .conteudo .trabalho a i{float:right; margin-top:3px;}
#trabalhos .conteudo .trabalho a:hover, #trabalhos .conteudo .trabalho a:focus{ background-color:#333; -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;}
.trabalho h3{display:block; font-size:27px !important;margin-bottom:0px;}
.trabalho h3 span{font-size:20px !important; font-weight:normal !important;}
.subTarefas{ text-align:left !important;  margin-top:10px !important;  margin:0 auto; border-radius:6px; }
.divTarefas{ align-items: stretch !important; padding:15px; padding-top:5px !important; padding-top:5px !important;}
.linksite{text-align:left !important;}
.labelTarefas{
	border-bottom:1px solid #ddd;

	margin-bottom:0px !important;

	font-size:21px !important;
	display:block !important;
	
 
}

.divLabel{text-align:left !important;}

.trabalho > span{display:block;padding:10px; font-weight: 400;
    line-height: 1;
    color: #777; font-size:16px;}
.trabalho > a{display:inline-block !important;}


.descricaoTarefa{ padding:10px;display:block; margin:0 auto; text-align:left !important; }
.descricaoTarefa > div {text-align:left !important; margin:0px !important; padding:0px !important;}

.descricaoTarefa  > div > h4{ display:block;font-size:19px; font-weight:600; padding:0px !important; }
.descricaoTarefa ul{ text-align:left; padding:0px !important; margin:20px; margin-top:0px !important; display:block;}
.descricaoTarefa ul li{list-style:none; font-size:16px !important; margin-left:10px;  display:block; padding:4px; }


.descricaoTarefa  > div .hPesquisa:before{
	color: #039074;
	font-size: 18px;
	font-weight:normal !important;
	}

.descricaoTarefa  > div  .hDesign:before{
    color: #039074;
	font-size: 18px;
	font-weight:normal !important;
	}
	
.descricaoTarefa  > div .hLinguagens:before{
	color: #039074;
	font-size: 18px;
	font-weight:normal !important;
	}




.hPesquisa:before{
	font-family: fontawesome;
      content: "\f004";
    margin-right: 0.2em; color: #039074;
	}

.hDesign:before{
	font-family: fontawesome;
      content: "\f121";
    margin-right: 0.2em; color: #039074;
	}
	
.hLinguagens:before{
	 color: #039074;
	font-family: fontawesome;
      content: "\f085";
    margin-right: 0.2em;
	}

.descricaoTarefa ul li:before {
	font-family: fontawesome;
      content: "\f00c";
    color: #039074;
    margin-right: .5em;
	font-size:13px;
	font-weight:normal !important;
}


.cargos{padding:3px;}
.cargos li{display:inline-block; list-style:none;}
.cargos span{display:inline-block; }
.cargos li:after{content:'|'; padding:3px; color:#039074;}
.cargos .lastItem:after{content:'';}
.imgIndex{border:2px solid #ddd;}
.headerSection{text-align:center;margin-bottom:20px;}
.headerSection h2{
	
	display: inline-block !important;
	text-transform:uppercase;
	margin-bottom:4px !important;
	font-size:40px !important;
}

.headerSection .subtitle{
	
	text-transform:uppercase;
	font-size:16px;
	padding-top:3px;
	padding-bottom:4px;
	display:block;
}
.conteudo{margin:0 auto}
@media only screen and (min-width: 544px) {

	 .conteudo{width:90%;}
	.cargos{padding:10px;}
	.sociais{text-align:left !important; width:300px !important;}
	.sociais i{display:inline-block !important;}
	.statusBar{

    width: 310px !important;

}
	.cargos li:after{padding:10px !important; color:#999}
	#trabalhos div img{max-width:65vw !important;}
	
	.linhaSection{
		border-top:1px solid;
		border-bottom:1px solid;
		border-color:#aaa;
		width: 22vw;
		max-width:310px !important;
		height: 8px;
		margin: 0 10px 5px 10px;
		display: inline-block;
	}
}

.statusBar{
	
	margin:0 auto !important;
	background-color:#aaa;
    width: 200px;
    height: 8px;

}
.displayBlock{
	visibility: visible !important;
	opacity:1 !important;
	 -webkit-transition: visibility 1.5s, opacity 1.0s linear;
	transition: visibility 1.5s, opacity 1.0s linear;
}
.completeStatus{
	visibility: hidden;
	opacity:0;
	position:relative;
	height: 8px;
	background-color:#039074;
	 -webkit-transition: visibility 1.5s, opacity 1.0s linear;
	transition: visibility 1.5s, opacity 1.0s linear;
}

.sobreStatus{
	width:20%;
}
.expStatus{
	width:40%;
}
.trabalhoStatus{
	width:60%;
}
.uxStatus{width:80%;}
.contatoStatus{width:100%;}

#contato .conteudo{padding-top:40px; padding-bottom:60px !important;}
#contato div img{ margin:0 auto !important; opacity:0.6;}
.divSociais{margin:0 auto !important; text-align:center;}
.sociais{padding-bottom:30px; margin:0 auto !important;}
.sociais a{color:#333; text-decoration:none !important; padding:5px;}
.sociais i{font-size:40px;display:block; color:#333;}
.sociais span{font-weight:400; color:#333; font-size:16px; padding:4px !important; border-top-right-radius:5px !important; border-bottom-right-radius:5px !important;}
.sociais a:hover span, .sociais a:focus span{background-color:#333 !important; color:#fff; -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;}
.divFacebook a:hover i, .divFacebook a:focus i{color:#3a5795 !important;  -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;}
.divLinkedin a:hover i, .divLinkedin a:focus i{color:#1b5480 !important;  -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;}
.divGmail a:hover i, .divGmail a:focus i{color:#d14836 !important;  -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;}