html{
	box-sizing:border-box;
	}
	*,*:before,*:after
	{box-sizing:inherit;
	}

html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	}
	body{
		margin:0;
	}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
	display:block;
	}
audio,canvas,progress,video{
	display:inline-block;
	}
	progress{
		vertical-align:baseline;
		}
audio:not([controls]){
	display:none;height:0;
	}
	[hidden],template{
		display:none;
		}
a{
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
	}
a:active,a:hover{
	outline-width:0;
	}
	abbr[title]{
		border-bottom:none;
		text-decoration:underline;
		text-decoration:underline dotted;
		}
dfn{
	font-style:italic;
	}
	mark{
		background:#ff0;
		color:#000;
		}
small{
	font-size:80%;
	}
	sub,sup{
		font-size:75%;
		line-height:0;
		position:relative;
		vertical-align:baseline;
		}
sub{
	bottom:-0.25em;
	}
	sup{
		top:-0.5em;
		}
		figure{
			margin:1em 40px;
			}
			img{border-style:none;
			}
			svg:not(:root){
				overflow:hidden;
				}
code,kbd,pre,samp{
	font-family:monospace,monospace;
	font-size:1em;
	}
	hr{
		box-sizing:content-box;
		height:0;
		overflow:visible;
		}
button,input,select,textarea{
	font:inherit;margin:0;
	}
	optgroup{
		font-weight:bold;
		}
button,input{
	overflow:visible;
	}
	button,select{
		text-transform:none;
		}
button,html [type=button],[type=reset],[type=submit]{
	-webkit-appearance:button;
	}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{
	border-style:none;
	padding:0;
	}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{
	outline:1px dotted ButtonText;
	}
fieldset{
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em;
	}
legend{
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal;
	}
	textarea{
		overflow:auto;
		}
[type=checkbox],[type=radio]{
	padding:0;
	}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
	height:auto;
	}
[type=search]{
	-webkit-appearance:textfield;
	outline-offset:-2px;
	}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
	-webkit-appearance:none;
	}
::-webkit-input-placeholder{
	color:inherit;
	opacity:0.54;
	}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit;
	}
/* End extract */
html,body{
	font-family:Verdana,sans-serif;
	font-size:15px;
	line-height:1.5;
	}
	html{
		overflow-x:hidden;
		}
h1{
	font-size:36px;
	}
	h2{
		font-size:30px;}
		h3{font-size:24px;
		}
		h4
		{
			font-size:20px;
			}
			h5{
				font-size:18px;
				}
				h6{
					font-size:16px;
					}
					.w3-serif{font-family:serif;
					}
h1,h2,h3,h4,h5,h6{
	font-family:"Segoe UI",Arial,sans-serif;
	font-weight:400;
	margin:10px 0;
	}
	.w3-wide{
		letter-spacing:4px;
		}
hr{
	border:0;
	border-top:1px solid #eee;
	margin:20px 0;
	}

	img{
		vertical-align:middle;
		}
		a{
			color:inherit;
			}

	



	
.display-container{
	position:relative;
	}
	


#main{
	transition:margin-left .4s;
	}
	

	
	.center .w3-bar{
		display:inline-block;
		width:auto;
		}



.center{
	text-align:center;
	}
	
.container:after,.container:before,.w3-panel:after,.w3-panel:before,
.w3-row:after,.w3-row:before,.row-padding:after,.row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{
	content:"";
	display:table;
	clear:both;
	}
	
.third,.twothird{
	float:left;
	width:100%;
	}
	



				
				html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}

#menu{
   width:100%;
   padding-bottom: 20px;
  
	}

.menu{
		
		}
		.menu li{
		list-style:none;
		float:left;
		font:18px Arial;
		}
		.menu li a:link, .menu li a:visited{
		display:block;
		text-decoration:none;
		background-color:#000;
		padding:0.5em 2em;
		border:1px solid #fff;
		color:#fff;
		}
		.menu li a:hover{
		background-color:#2580A2;
		transition:all .8s ease;
		}
		
		.menu li ul{
		position:absolute;
		visibility:hidden;
		border-top:1px solid #fff;
		margin:0;
		padding:0;
		}
		.menu li ul li{
		display:inline;
		float:none;
		}
		.menu li ul li a:link, .menu li ul li a:visited{
		background-color:#363636;
		width:auto;
		}
		.menu li ul li a:hover{
		background-color:#2580A2;
		transition:all .8s ease;
		}	
		
		



.dropdown {
  float: left;
  overflow: hidden;
}



.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}
		
		
		div#perfil p{
		font-size: 1.125em;
		}
		
		
		div#servicos p{
		font-size: 1.125em;
		}
		
		div#contato p{
		font-size: 1.125em;
		}
		
		h4{
			
		font-size: 1.8em;
		}
		   
			footer{
			font-size:20px;
			 margin-top: 16px!important;
		}
			
		footer p{
			font-size:20px;
		}
		
		div#portfolio{
			 margin:auto;
			 
			   padding: 0.01em 16px;
			width:98%;
			box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		}
		
		div#portfolio img{
			    margin:auto;
			width:100%;
			
			box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		}
		
		div#portfolio:hover{
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
	}
	
	div#imagem-01 {
    width: 291px;
    height: 216px;
	
		background-repeat:no-repeat;
float:left;
  margin:2%;

  
    -webkit-transition: width 4s, height 4s, -webkit-transform 4s; /* Safari */
    transition: width 4s, height 4s, transform 4s;
}

div#imagem-01:hover {
    width: 491px;
    height: 416px;
	
	background-repeat:no-repeat;
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
}

h4#h4-portfolio{
	text-align:center;
	font-size:3.0em;
}

h5#h5-cursos{
	text-align:center;
	font-size:2.0em;
}

h5#h5-meuTrabalho{
	text-align:center;
	font-size:2.0em;
}

h5#h5-portfolios{
	text-align:center;
	font-size:2.0em;
}

h5#h5-cinematica{
	text-align:center;
	font-size:2.0em;
}

h5#h5-tamplates{
	text-align:center;
	font-size:2.0em;
}

h5#h5-demos{
	text-align:center;
	font-size:2.0em;
}

h5#h5-animacoes{
	text-align:center;
	font-size:2.0em;
}




div#col-01{
 margin:0 auto;
width:95%;
}

div#col-02{
 margin:0 auto;
width:95%;

}

#myBtn {
  display: ;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.container-iframe {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 62.5%; /* 8:5 Aspect Ratio */
  }
  
  .responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
  }


@media (max-width:1200px){
		.menu li a:link, .menu li a:visited{
		padding:0.5em 1.5em;
		}
		
			div#perfil p{
		font-size: 1.0em;
		}
		
		
		div#servicos p{
		font-size: 1.0em;
		}
		
		div#contato p{
		font-size: 1.0em;
		}
		
		div.desc {
    font-size:14px;
}
		
			}
			
			@media (max-width:1100px){
		.menu li a:link, .menu li a:visited{
		padding:0.5em 1.1em;
		}
		
			div#perfil p{
		font-size: 0.9em;
		}
		
		
		div#servicos p{
		font-size: 0.9em;
		}
		
		div#contato p{
		font-size: 0.9em;
		}
		
		div#col-01{
 margin-left:15%;

}

div#col-02{
 margin-left:15%;


}

div#imagem-01:hover {
    width: 450px;
    height: 375px;
	
	background-repeat:no-repeat;
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
}
		
			}
			
				@media (max-width:1000px){
		.menu li a:link, .menu li a:visited{
		padding:0.5em 0.9em;
		}
		
		div.desc {
    font-size:12px;
}
		
			}
			
				@media (max-width:900px){
		.menu li a:link, .menu li a:visited{
		padding:0.5em 0.6em;
		}
		
		div.desc {
    font-size:11px;
}

h4.cursos-h4{
	
	font-size:11px;
}

p.skill{
	font-size:11px;
}

h2#nome{
	font-size:20px;
}
		
			}
			
				@media (max-width:850px){
		.menu li a:link, .menu li a:visited{
		padding:0.5em 0.5em;
		}
		
			}
			
				@media (max-width:800px){
		.menu li a:link, .menu li a:visited{
	font:15px Arial;
		}
				div.desc {
    font-size:10px;
}

.w3-third{
margin-left:20%;
margin-bottom:2%;
width:60%;
}
		
			}
			
						@media (max-width:750px){
		.menu li a:link, .menu li a:visited{
	font:14px Arial;
		}
		
			}
			
						@media (max-width:700px){
		.menu li a:link, .menu li a:visited{
	font:13px Arial;
		}
		
			}

				
@media (min-width:601px){
	
				.third{
					width:33.33333%;
					}

			.twothird{
				width:66.66666%;
				}

				}
				
@media (min-width:993px){
	

	
				}
				
.content{
	max-width:980px;
	margin:auto;
	}
	

			
@media (max-width:600px){
	

		

	}
	
@media (max-width:768px){

			}
			
@media (min-width:993px){
	
				}
				
@media (max-width:992px) and (min-width:601px){
	
		}

@media (max-width:992px){
	
			}



.display-bottomleft{
	position:absolute;
	left:0;
	bottom:0;
	}
	


.display-container:hover .display-hover{
	display:block;
	}
	.display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}

	

.round-xlarge{
	border-radius:16px;
	}
	
	.round-xxlarge{
		border-radius:32px;
		}

.row-padding,.row-padding>.w3-half,.row-padding>.third,.row-padding>.twothird,.row-padding>.w3-threequarter,
.row-padding>.w3-quarter,.row-padding>.w3-col{
	padding:0 8px;
	}
.container{
	padding:0.01em 16px;
	}



.card{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	}
	
	

.card:hover{
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
	}
	
	.card-4{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	}
	
.card-4:hover{
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
	}

.opacity,.w3-hover-opacity:hover{
	opacity:0.60;
	}
	


.small{
	font-size:12px!important;
	}
	
	.w3-medium{font-size:15px!important}

.large{
	font-size:18px!important;
	}
	
.xlarge{font-size:24px!important}

.xxlarge{font-size:36px!important;

}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}

.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}

.center{
	text-align:center!important;
}


	.margin-top{
		margin-top:16px!important;
		}
		.margin-bottom{
			margin-bottom:16px!important;
			}
			
.margin-left{margin-left:16px!important}

.margin-right{
	margin-right:16px!important;
	}
	


.padding-16{
	padding-top:16px!important;
	padding-bottom:16px!important;
	}
	


.w3-left{float:left!important}.w3-right{float:right!important}


	
/* Colors */


.teal,.w3-hover-teal:hover{
	color:#fff!important;
	background-color:#009688!important;
	
	}



.white,.w3-hover-white:hover{
	color:#000!important;
	background-color:#fff!important;
}

.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}

.corpo,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important}



.text-teal,.w3-hover-text-teal:hover{
	color:#009688!important;
	}
	
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}

.text-white,.w3-hover-text-white:hover{
	color:#fff!important;
	
	}

.text-black,.w3-hover-text-black:hover{
	color:#000!important;
	}

.text-grey,.w3-hover-text-grey:hover,.text-gray,.w3-hover-text-gray:hover{
	color:#757575!important;
	}