html{
	scroll-behavior:smooth
}

*{
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}


.fundo-menu-mobile{
	position:fixed;
	width:100%;
	height:100%;
	z-index:101;
	display:none;
	background-color:rgba(0, 0, 0, 0.4);
}

.container-nome-main{
	position:fixed;
	width:100%;
	z-index:101;
	display:nne;
	height:530px;
	margin-top:-500px;
	background:#fff;
	transition:all 2s;
	transform:translateY(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;

}

#titulo-nome-main{
	position: fixed;
	z-index:400;
	top:58%;
	width:100%;
	font-size:25px;
	text-align:center
}

#campo-nome-main{
	position:fixed;
	width:80%;
	top:70%;
	left:50%;
	z-index:101;
	diplay:none;
	height:50px;
	border:none;
	font-size:16px;
	color:#353738;
	padding-left:15px;
	background:#fff;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	background-color: transparent;
	box-shadow:inset 2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}

.container-nome-main button{
	position:fixed;
	left:50%;
	top:83%;
	height:45px;
	width:80%;
	z-index:101;
	border:none;
	font-size:16px;
	cursor:pointer;
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
	
}

.container-nome-main button:hover{
	color:#fff;
	background-color: #353738;
}

.container-menu-contacto{
	position:fixed;
	width:90%;
	top:50%;
	left:50%;
	z-index:101;
	height:300px;
	display:none;
	background:#fff;
	transform:translate(-50%, -50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;

}

#close-menu-contacto{
	cursor:pointer;
	font-size:30px;
	margin:30px 30px
}

.container-menu-contacto ul{
	position:relative;
	top:50%;
	text-align:center;
	margin-top:-110px;
	transform:translateY(-50%)
}

.container-menu-contacto li{
	color:#353738;
	margin-top:30px;
	font-size:20px;
	list-style:none
}

.container-menu-contacto li div{
	position:relative;
	font-size:30px;
	top:5px;
}

.container-menu-mobile{
	position:fixed;
	width:300px;
	height:0px;
	opacity:0;
	overflow:hidden;
	z-index:101;
	background-color:#fff;
	transition:all 2s;
	margin-top:0px;
	cursor:pointer;
	border-top-right-radius:20px;
	border-bottom-right-radius:200px;
	border:0.2px solid rgba(0, 0, 0, 0.1);
	box-shdow:inset 2px 2px 2px 2px rgba(0, 0, 0, 0.2)
}

#close-menu-mobile{
	width:100%;
	cursor:pointer;
	margin-top:30px;
	text-align:center;
	font-size:30px;
}

.container-menu-mobile .ul{
	display:flex;
	left:50%;
	width:100%;
	margin:20px 0px;
	flex-direction:column;
}

.container-menu-mobile .ul a{
	font-size:23px;
	padding-top:20px;
	margin-top:5px;
	color:#353738;
	width:100%;
	height:40px;
	text-align:center;
	text-decoration:none;
	backgrond:red;
}

.container-menu-mobile .ul a:hover{
	background:rgba(0, 0, 0, 0.1)
}

.container-nav-dinamico{
	position:fixed;
	width:100%;
	height:60px;
	z-index:99;
	margin-top:-800px;
	overflow:hidden;
	transition:all 1s;
	background-color:#fff;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.6)
}


.container-watsapp{
	position:fixed;
	z-index:100;
	width:60px;
	height:60px;
	bottom:30px;
	left:50%;
	margin-top:100%;
	margin-left:33%;
	background:#075E54;
	border-radius:100px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}

#watsapp-icone{
	position:relative;
	width:100%;
	top:50%;
	font-size:25px;
	color: #fff;
	text-align:center;
	transform:translateY(-50%);
}

body{
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	background-color:#f5f5f5
}

#img-main{
	position:absolute;
	width:100%;
	height:730px;
	overflow:hidden;
	background-position:0% 0px;
	background-size:cover;
	background-repeat:no-repeat;
	background-image: url(../img/img-site.png);
}

#img-main:after{
	position:absolute;
	content:'';
	width:100%;
	height:730px;
	background-color:rgba(0,0,0,0.6);
}

#curva-main{
	position:absolute;
	z-index:10;
	margin:660px 0%;
	width:100%;
}

#titulo-main{
	position:absolute;
	font-size:25px;
	margin:25px 5%;
	color:#fff
}

.titulo-main{
	position:absolute;
	font-size:25px;
	margin:25px 5%;
	color:#353738;
}

#menu-icone{
	position:absolute;
	font-size:25px;
	margin:20px 70%;
	cursor:pointer;
	color:#fff;
}

#menu-icone:hover{
	color:#969406;
}

#phone-icone{
	position:absolute;
	font-size:25px;
	margin:24px 85%;
	cursor:pointer;
	color:#fff;
}

#phone-icone:hover{
	color:#969406;
}

.container-nav{
    position:absolute;
    width:100%;
    height:300px;
    z-index:1;
    margin-top:-400%;
    margin-left:0%;
    transition:all 1s;
    background-color:#252501;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);

}

#close-container-nav{
    position:absolute;
    z-index:1;
	color:#fff;
    text-align:center;
    cursor:pointer;
    margin-top:15px;
    font-size:40px;
    width:100%;
}

#close-container-nav:hover{
    color:#969406;
}

.nav-2{
	display:none;
}

nav{
    position:absolute;
    width:100%;
    height:270px;
    margin-top:50px;
    overflow:hidden;
}

nav ul{
  position:absolute;
  display:flex;
  width:200px;
  font-size:20px;
  padding-left:80px;
  margin-left:-80px;
  flex-direction:column;
}

nav a{
	height:35px;
	width:1200px;
	padding-top:10px;
	padding-left:70px;
    margin-top:5px;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
	background-color:#252501;
}

nav a:hover{
    color:#969406;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);
}

#nav-2 a{
	color:#969406;
}
		
.container-h1-h2-botao-reserva{
	position:absolute;
	width:100%;
	height:220px;
	margin:180px 0%;
}

h1{
   position:relative;
   text-align:center;
   margin-top:-50px;
   font-size:40px;
   width:90%;
   color:#fff; 
   left:50%;
   transform:translateX(-50%);   
}

h2{
   position:relative;
   text-align:center;
   margin:20px 0%;
   text-align:center;
   font-size:27px;
   width:280px;
   left:50%;
   color:#969406; 
   transform:translateX(-50%);
}

 
.container-linguagens-main{
	margin-top:-70px;
	margin-left:0px;
	backgound:red
}

#html-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:0px;
	transform:translateX(-170%)
}

#css-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:0px;
	transform:translateX(-190%)
}

#js-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:0px;
	transform:translateX(-80%)
}

#php-img{
	position:relative;
	height:45px;
	left:50%;
	top:70px;
	margin-top:90px;
	transform:translateX(-390%)
}

#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:-50px;
	margin-top:0px;
	transform:translateX(-40%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:-50px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(15%)
}

#container-botao-reserva{
	margin:20px 0%;
	width:100%;
	height:45px;
    text-align:center;
}

#botao-reserva{
	margin:0px 0%;
	font-size:21px;
	border:1px solid #969406;
	background-color:transparent;
	cursor:pointer;
	color:#969406;
	height:45px;
	width:140px;
}

#botao-reserva:focus{
	outline:none;
}

#botao-reserva:hover{
	background-color:#969406;
	color:#fff;
}

.container-site{
	position:relative;
	top:700px;
}

#titulo-1-icone{
	font-size:70px; 
	text-align:center; 
	width: 100%;
	color:#353738
}

#titulo-1{
	font-size:30px;
	width:100%;
	text-align:center;
}

.container-eu{
	position:relative;
	left:50%;
	width:90%;
	margin-top:40px;
	transform:translateX(-50%);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
	bordr:1px solid rgba(0, 0, 0, 0.4)
}

#img-eu{
	position:relative;
	width:100%;
	margin-top:0px;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#descricao-img-eu{
	position:relative;
	font-size:20px;
	margin:30px 0px;
	left:50%;
	width:90%;
	backgroud:pink;
	transform:translateX(-50%);
	box-sadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

.ul-eu{
	margin-top:80px;
	margin-left:10px;
} 

.container-site p{
	height:110px;
	color:#353738;
	margin-top:-50px;
}

#titulo-2-icone{
	font-size:70px; 
	text-align:center; 
	margin-top:90px;
	width: 100%;
	color:#353738
}

#titulo-2{
	font-size:30px;
	width:100%;
	text-align:center;
	margin-top:10px;
}

.container-minhas-habilidades{
	position:relative;
	left:50%;
	width:90%;
	height:510px;
	overflow-y:scroll;
	transform:translateX(-50%);
	margin-top:70px;
	background-color:#f5f5f5;
	box-shadow:inset 2px 2px 3px 1px rgba(0,0,0,0.3);
}

.container-minhas-habilidades::-webkit-scrollbar{
	width:10px;
	height:10px;
	background-color:rgba(0, 0, 0, 0.1)
}

.container-minhas-habilidades::-webkit-scrollbar-thumb{
	background:rgba(0, 0, 0, 0.4);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

.container-habilidade-1{
	position:relative;
	width:90%;
	left:50%;
	height:210px;
	cursor:pointer;
	margin-top:30px;
	background-color:#fc4503;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;

}

.container-habilidade-1:hover{
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#container-html{
	position:relative;
	height:110px;
	width:110px;
	left:50%;
	margin:0px 0px;
	border-radius:55px;
	transform:translate(-50%, 40px);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#html-icone{
	position:relative;
	margin-top:30px;
	width:100%;
	font-size:45px;
	color:#fff;
	text-align:center;
}

#descricao-html{
	position:abslute;
	margin:60px 0%;
	text-align:center;
	color:#fff;
	width:100%;
}

.container-habilidade-2{
	position:relative;
	width:90%;
	left:50%;
	height:210px;
	cursor:pointer;
	margin-top:30px;
	background-color:#0339fc;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

.container-habilidade-2:hover{
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#container-css{
	position:relative;
	height:110px;
	width:110px;
	left:50%;
	margin:0px 0px;
	border-radius:55px;
	transform:translate(-50%, 40px);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#css-icone{
	position:relative;
	margin-top:30px;
	width:100%;
	font-size:45px;
	color:#fff;
	text-align:center;
}

#descricao-css{
	position:abslute;
	margin:60px 0%;
	text-align:center;
	color:#fff;
	width:100%;
}

.container-habilidade-3{
	position:relative;
	width:90%;
	left:50%;
	height:210px;
	cursor:pointer;
	margin-top:30px;
	background-color:#8f7b0d;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

.container-habilidade-3:hover{
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#container-js{
	position:relative;
	height:110px;
	width:110px;
	left:50%;
	margin:0px 0px;
	border-radius:55px;
	transform:translate(-50%, 40px);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#js-icone{
	position:relative;
	margin-top:30px;
	width:100%;
	font-size:45px;
	color:#fff;
	text-align:center;
}

#descricao-js{
	position:abslute;
	margin:60px 0%;
	text-align:center;
	font-size:20px;
	color:#fff;
	width:100%;
}

.container-habilidade-4{
	position:relative;
	width:90%;
	left:50%;
	height:210px;
	cursor:pointer;
	margin-top:30px;
	background-color:#1a568a;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

.container-habilidade-4:hover{
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#container-php{
	position:relative;
	height:110px;
	width:110px;
	left:50%;
	margin:0px 0px;
	border-radius:55px;
	transform:translate(-50%, 40px);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#php-icone{
	position:relative;
	margin-top:30px;
	width:100%;
	font-size:45px;
	color:#fff;
	text-align:center;
}

#descricao-php{
	position:abslute;
	margin:60px 0%;
	text-align:center;
	font-size:20px;
	color:#fff;
	width:100%;
}

.container-habilidade-5{
	position:relative;
	width:90%;
	left:50%;
	height:210px;
	cursor:pointer;
	margin-top:30px;
	background-color:#063d09;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

.container-habilidade-5:hover{
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#container-node{
	position:relative;
	height:110px;
	width:110px;
	left:50%;
	margin:0px 0px;
	border-radius:55px;
	transform:translate(-50%, 40px);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#node-icone{
	position:relative;
	margin-top:30px;
	width:100%;
	font-size:45px;
	color:#fff;
	text-align:center;
}

#descricao-node{
	position:abslute;
	margin:60px 0%;
	text-align:center;
	font-size:20px;
	color:#fff;
	width:100%;
}

.container-habilidade-6{
	position:relative;
	width:90%;
	left:50%;
	height:210px;
	cursor:pointer;
	margin-top:30px;
	background-color: #6cc644;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

.container-habilidade-6:hover{
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#container-git{
	position:relative;
	height:110px;
	width:110px;
	left:50%;
	margin:0px 0px;
	border-radius:55px;
	transform:translate(-50%, 40px);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#git-icone{
	position:relative;
	margin-top:30px;
	width:100%;
	font-size:45px;
	color:#fff;
	text-align:center;
}

#descricao-git{
	position:abslute;
	margin:60px 0%;
	text-align:center;
	font-size:20px;
	color:#fff;
	width:100%;
}

#titulo-3-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:30px;
	top:790px;
	width: 100%;
	color:#353738
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:800px;
	text-align:center;
}

#subtitulo-titulo-1{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:30px;
	text-align:center;
}

.container-slider-meus-projectos-lancados{
	position:relative;
	width:90%;
	left:50%;
	heght:400px;
	backgrond:pink;
	margin-top:50px;
	transform:translateX(-50%);

	
}
.container-slider-meus-projectos-lancados .ul{
	width:100%;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

.slider-meus-projectos-lancados-img{
	width:100%;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

.container-slider-meus-projectos-lancados .ul img{
	position:relative;
	width:100%;
	display:inline;
	transItion:all 1s;
	border-top-left-radius:20px;
	boder:1px solid rgba(0, 0, 0, 0.2);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}



.container-slider-meus-projectos-lancados .ul #link-slider-meus-projectos-lancados{
	padding-top:50px;
	margin-left:30px;
	font-size:20px;
	color:#fff;
	transform:translateY(-15px);
}

.container-slider-meus-projectos-lancados .ul a{
	font-size:17px;
	color: #00c0ff;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

#slider-meus-projectos-lancados{
	margin-top:70px;
	background:rgba(0, 0, 0, 0.7);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#subtitulo-titulo-2{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:80px;
	text-align:center;
}

.container-slider-meus-projectos-nao-lancados{
	position:relative;
	width:90%;
	left:50%;
	heght:400px; 
	backgrond:pink;
	margin-top:50px;
	transform:translateX(-50%);

	
}
.container-slider-meus-projectos-nao-lancados .ul{
	width:100%;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

.slider-meus-projectos-nao-lancados-img{
	width:100%;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

.container-slider-meus-projectos-nao-lancados .ul img{
	position:relative;
	width:100%;
	display:inline;
	transItion:all 1s;
	border-top-left-radius:20px;
	boder:1px solid rgba(0, 0, 0, 0.2);
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}



.container-slider-meus-projectos-nao-lancados .ul #link-slider-meus-projectos-nao-lancados{
	padding-top:50px;
	margin-left:30px;
	font-size:20px;
	color:#fff;
	transform:translateY(-15px);
}

.container-slider-meus-projectos-nao-lancados .ul a{
	font-size:17px;
	color: #28bced;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

#slider-meus-projectos-nao-lancados{
	margin-top:70px;
	background:rgba(0, 0, 0, 0.7);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#btn-zoom-nao-lancados-1{
	position:relative;
	left:50%;
	width:80%;
	height:50px;
	border:none;
	color:#fff;
	font-size:17px;
	cursor:pointer;
	background-color:#969406;
	transform:translateX(-55%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
}

#btn-zoom-nao-lancados-1:hover{
	background-color:#3b3a02
}

#zoom-nao-lancados-1:focus{
	outline:none
}

#titulo-4-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:50px;
	tp:790px;
	width: 100%;
	color:#fff
}

#titulo-4{
	position:relative;
	font-size:30px;
	width:100%;
	top:30px;
	color:#fff;
	marin-top:300px;
	text-align:center;
}



.container-icones-sociais{
	position:asolute;
	width:100%;
	height:100px;
	overflow:hidden;
	margin:0px -710%;
	border-top:1px solid #fff;
	background-color:#353738;
}

.container-icones-sociais .ul{
	position:absolute;
	display:flex;
	margin-top:20px;
	margin:0px -710%;
	width:300px;
    left:50%;
}

.icones-redes-sociais{
	width:55px;
	height:55px;
	margin-left:20px;
	border-radius:30px;
	box-shadow:inset 2px 2px 2px 2px #000;
	background-color:#353738;
}

#container-face{
	width:50px;
	height:50px;
	cursor:pointer;
	transition:all 0.1s;
	background-size:35px;
	background-repeat:no-repeat;
	background-position:9px 9px;
	background-image: url(../img/facebook.png);
}

#container-face:hover{
	box-shadow:1px 1px 1px 1px;
}

#container-insta{
	width:50px;
    height:50px;
	cursor:pointer;
	transition:all 0.3s;
	background-size:23px;
	background-repeat:no-repeat;
	background-position:15px 15px;
	background-image: url(../img/insta.png);
  
}

#container-insta:hover{
	box-shadow:1px 1px 1px 1px;
}

#container-twit{
	width:50px;
    height:50px;
	cursor:pointer;
	transition:all 0.5s;
	background-size:35px;
	background-repeat:no-repeat;
	background-position:10px 12px;
	background-image: url(../img/twit.png);
}

#container-twit:hover{
	box-shadow:1px 1px 1px 1px;
}

#container-wats{
	width:50px;
    height:50px;
   cursor:pointer;
   transition:all 0.7s;
	background-size:25px;
	background-repeat:no-repeat;
	background-position:15px 14px;
	background-image: url(../img/wats.png);	
}

#container-wats:hover{
	box-shadow:1px 1px 1px 1px;
}
 
.container-contacto{
	position:relative;
	width:90%;
	left:50%;
	height:510px;
	margin-top:130px;
	background-color:#fff;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.8)
}

input:focus{
	outline:none
}

#campo-nome{
	position:relative;
	margin-top:50px;
	font-size: 15px;
	padding-left:15px;
    color: #353738;
    width: 80%;
    left: 50%;
    height: 50px;
	transform:translateX(-50%);
    border: none;
	background-color:rgba(0, 0, 0, 0.1);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2)
}

#campo-email{
	position:relative;
	margin-top:30px;
	font-size: 15px;
	padding-left:15px;
    color: #353738;
    width: 80%;
    left: 50%;
    height: 50px;
	transform:translateX(-50%);
    border: none;
	background-color:rgba(0, 0, 0, 0.1);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2)
}

textarea{
	position:relative;
	margin-top:30px;
	font-size: 15px;
	padding-left:15px;
	padding-top:15px;
    color: #353738;
    width: 80%;
    left: 50%;
    height: 150px;
	transform:translateX(-50%);
    border: none;
	background-color:rgba(0, 0, 0, 0.1);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2)
}

#btn-enviar{
	position:relative;
	left:50%;
	width:80%;
	height:50px;
	border:none;
	color:#fff;
	font-size:17px;
	cursor:pointer;
	margin-top:30px;
	background-color:#969406;
	transform:translateX(-50%);
}

#btn-enviar:hover{
	background-color:#3b3a02
}

footer{
	width:100%;
	height:870px;
	margin-top:150px;
	background-color:#111112;
}

@media only screen and (min-width:342px) and (max-width:374px){
	
#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:0px;
	transform:translateX(-720%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:-50px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(125%)
}
	
} /*-----fim-do-webkit----------*/

@media only screen and (min-width:375px) and (max-width:395px){
#curva-main{
	position:absolute;
	z-index:10;
	margin:650px 0%;
	width:100%;
}

#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:0px;
	transform:translateX(-720%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:-50px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(125%)
}	
	 
} /*----webkit-1---------*/

@media only screen and (min-width:396px) and (max-width:459px){
	
#curva-main{
	position:absolute;
	z-index:10;
	margin:650px 0%;
	width:100%;
}

#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:0px;
	transform:translateX(-720%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(-585%)
}	
	
} /*-----fim-do-webkit----------*/

@media only screen and (min-width:460px) and (max-width:649px){
body{
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	backgrond-color:green;
}

.container-menu-contacto{
	width:400px;
	

}

.container-watsapp{
	position:fixed;
	z-index:100;
	width:60px;
	height:60px;
	bottom:30px;
	left:50%;
	margin-top:100%;
	margin-left:40%;
	background:#075E54;
	border-radius:100px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}
#img-main{
	position:absolute;
	width:100%;
	height:700px;
	overflow:hidden;
	background-position:0% 0px;
	background-size:cover;
	background-repeat:no-repeat;
}

#img-main:after{
	position:absolute;
	content:'';
	width:100%;
	height:700px;
	background-color:rgba(0,0,0,0.6);
}



#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:0px;
	transform:translateX(-720%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(-585%)
}	
#titulo-main{
	position:absolute;
	font-size:25px;
	margin:25px 5%;
	color:#fff;
}

#meu-icone{
	position:absolute;
	font-size:35px;
	margin:25px 75%;
	cursor:pointer;
	color:#fff;
}


.container-nav{
    position:absolute;
    width:100%;
    height:300px;
    z-index:1;
    margin-top:-400%;
    margin-left:0%;
    transition:all 1s;
    background-color:#252501;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);

}

#close-container-nav{
    position:absolute;
    z-index:1;
	color:#fff;
    text-align:center;
    cursor:pointer;
    margin-top:15px;
    font-size:40px;
    width:100%;
}

#close-container-nav:hover{
    color:#969406;
}

.nav-2{
	display:none;
}

nav{
    position:absolute;
    width:100%;
    height:270px;
    margin-top:50px;
    overflow:hidden;
}

nav ul{
  position:absolute;
  display:flex;
  width:200px;
  font-size:20px;
  padding-left:80px;
  margin-left:-80px;
  flex-direction:column;
}

nav a{
	height:35px;
	width:1200px;
	padding-top:10px;
	padding-left:70px;
    margin-top:5px;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
	background-color:#252501;
}

nav a:hover{
    color:#969406;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);
}

.container-h1-h2-botao-reserva{
	position:absolute;
	width:100%;
	height:220px;
	margin:180px 0%;
}

h1{
   text-align:center;
   margin:0px 0%;
   font-size:40px;
   width:99%;
   color:#fff;    
}

h2{
   text-align:center;
   margin:20px 0%;
   text-align:center;
   font-size:27px;
   width:99%;
   color:#969406; 

}

#container-botao-reserva{
	margin:20px 0%;
	width:100%;
	height:45px;
    text-align:center;
}

#botao-reserva{
	margin:0px 0%;
	font-size:21px;
	border:1px solid #969406;
	background-color:transparent;
	cursor:pointer;
	color:#969406;
	height:45px;
	width:140px;
}

#botao-reserva:focus{
	outline:none;
}

#botao-reserva:hover{
	background-color:#969406;
	color:#fff;
}

#curva-main{
	position:absolute;
	z-index:10;
	margin:610px 0%;
	width:100%;
}


.container-eu{
	width:400px;
}



} /*----------fim-do-webkit-2---------*/

@media only screen and (min-width:650px) and (max-width:844px){
body{
	margin:0px;
	padding:0px;
	backgroud-color:#000;
}

#campo-nome-main{
	width:480px;
}

.container-nome-main button{
	width:480px;
	
}

.container-menu-contacto{
	width:400px;
	

}

.container-watsapp{
	position:fixed;
	z-index:100;
	width:60px;
	height:60px;
	bottom:30px;
	left:50%;
	margin-top:100%;
	margin-left:40%;
	background:#075E54;
	border-radius:100px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}

#img-main{ 
	position:absolute;
	width:100%;
	height:700px;
	overflow:hidden;
	background-position:0% 0px;
	background-size:cover;
	background-repeat:no-repeat;
}

#img-main:after{
	position:absolute;
	content:'';
	width:100%;
	height:700px;
	background-color:rgba(0,0,0,0.6);
}

#menu-icone{
	position:absolute;
	font-size:25px;
	margin:20px 80%;
	cursor:pointer;
	color:#fff;
}

#phone-icone{
	position:absolute;
	font-size:25px;
	margin:24px 90%;
	cursor:pointer;
	color:#fff;
}

#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:0px;
	transform:translateX(-720%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:75px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(-585%)
}	

#meu-icone{
	position:absolute;
	font-size:35px;
	margin:25px 75%;
	cursor:pointer;
	color:#fff;
}

#titulo-main{
	position:absolute;
	font-size:25px;
	margin:25px 5%;
	color:#fff;
}

#carrinho-icone{
	position:absolute;
	font-size:26px;
	margin:25px 88%;
	cursor:pointer;
	color:#fff;
}

.container-nav{
    position:absolute;
    width:100%;
    height:300px;
    z-index:1;
    margin-top:-400%;
    margin-left:0%;
    transition:all 1s;
    background-color:#252501;
    box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);

}

#close-container-nav{
    position:absolute;
    z-index:1;
	color:#fff;
    text-align:center;
    cursor:pointer;
    margin-top:15px;
    font-size:40px;
    width:100%;
}

#close-container-nav:hover{
    color:#969406;
}

.nav-2{
	display:none;
}

nav{
    position:absolute;
    width:100%;
    height:270px;
    margin-top:50px;
    overflow:hidden;
}

nav ul{
  position:absolute;
  display:flex;
  width:200px;
  font-size:20px;
  padding-left:80px;
  margin-left:-80px;
  flex-direction:column;
}

nav a{
	height:35px;
	width:1200px;
	padding-top:10px;
	padding-left:70px;
    margin-top:5px;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
	background-color:#252501;
}

nav a:hover{
    color:#969406;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);
}

.container-h1-h2-botao-reserva{
	position:absolute;
	width:100%;
	height:220px;
	margin:180px 0%;
}

h1{
   text-align:center;
   margin:0px 0%;
   font-size:40px;
   width:100%;
   color:#fff;  
   
}

h2{
   text-align:center;
   margin:20px 0%;
   text-align:center;
   font-size:27px;
   width:99%;
   color:#969406; 

}

#container-botao-reserva{
	margin:20px 0%;
	width:100%;
	height:45px;
    text-align:center;
}

#botao-reserva{
	margin:0px 0%;
	font-size:21px;
	border:1px solid #969406;
	background-color:transparent;
	cursor:pointer;
	color:#969406;
	height:45px;
	width:140px;
}

#botao-reserva:focus{
	outline:none;
}

#botao-reserva:hover{
	background-color:#969406;
	color:#fff;
}

#curva-main{
	position:absolute;
	z-index:10;
	margin:580px 0%;
	width:100%;
}

.container-site{
	position:relative;
	top:780px;
}

#img-eu{
	position:relative;
	width:400px;
	left:50%;
	margin-top:0px;
	transform:translateX(-50%);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#titulo-3-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:30px;
	top:860px;
	width: 100%;
	color:#353738
}


#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:870px;
	text-align:center;
}

.container-icones-sociais{
	position:absolute;
	width:100%;
	height:100px;
	overflow:hidden;
	margin:3330px 0%;
	background-color:#353738;
}

.container-icones-sociais .ul{
	position:absolute;
	display:flex;
	margin-top:20px;
	margin-left:-150px;
	width:300px;
    left:50%;
}

.icones-redes-sociais{
	width:55px;
	height:55px;
	margin-left:20px;
	border-radius:30px;
	box-shadow:inset 2px 2px 2px 2px #000;
	background-color:#353738;
}

} /*-----------------fim do webkit-3--------------*/

@media only screen and (min-width:845px) and (max-width:1054px){
body{
	margin:0px;
	padding:0px; 
	backgrond:brown;
}

#campo-nome-main{
	width:480px;
}

.container-nome-main button{
	width:480px;
	
}

.container-menu-contacto{
	width:400px;
	

}

.container-watsapp{
	position:fixed;
	z-index:100;
	width:60px;
	height:60px;
	bottom:30px;
	left:50%;
	margin-top:100%;
	margin-left:40%;
	background:#075E54;
	border-radius:100px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}

#img-main{
	position:absolute;
	width:100%;
	height:630px;
	overflow:hidden;
	background-position:0% 0px;
	background-size:cover;
	background-repeat:no-repeat;
}

#img-main:after{
	position:absolute;
	content:'';
	width:100%;
	height:630px;
	background-color:rgba(0,0,0,0.6);
}

#menu-icone{
	position:absolute;
	font-size:25px;
	margin:20px 80%;
	cursor:pointer;
	color:#fff;
}

#phone-icone{
	position:absolute;
	font-size:25px;
	margin:24px 90%;
	cursor:pointer;
	color:#fff;
}

#curva-main{
	position:absolute;
	z-index:10;
	margin:450px 0%;
	width:100%;
}

#titulo-main{
	position:absolute;
	font-size:25px;
	margin:25px 5%;
	color:#fff;
}

nav{
	display:none;	
}

.container-linguagens-main{
	margin-top:-40px;
	margin-left:-570px;
	backgrond:pink
}

#html-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(60%)
}

#css-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(130%)
}

#js-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(65%)
}

#php-img{
	position:relative;
	height:45px;
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(77%)
}

#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(205%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:0px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(230%)
}

.container-h1-h2-botao-reserva{
	position:absolute;
	width:100%;
	height:220px;
	margin:180px 0%;
}

h1{
   text-align:center;
   margin:0px 0%;
   font-size:40px;
   width:100%;
   color:#fff;  
   
}

h2{
   text-align:center;
   margin:20px 0%;
   text-align:center;
   font-size:27px;
   width:99%;
   color:#969406; 

}

#container-botao-reserva{
	margin:20px 0%;
	width:100%;
	height:45px;
    text-align:center;
}

#botao-reserva{
	margin:0px 0%;
	font-size:21px;
	border:1px solid #969406;
	background-color:transparent;
	cursor:pointer;
	color:#969406;
	height:45px;
	width:140px;
}

#botao-reserva:focus{
	outline:none;
}

#botao-reserva:hover{
	background-color:#969406;
	color:#fff;
}

.container-site{
	position:relative;
	top:600px;
}

.container-eu{
	position:relative;
	left:50%;
	width:800px;
	margin-top:40px;
	transform:translateX(-50%);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
	bordr:1px solid rgba(0, 0, 0, 0.4)
}

#img-eu{
	position:relative;
	width:270px;
	left:50%;
	margin-top:0px;
	transform:translateX(-50%);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:870px;
	text-align:center;
}

.container-minhas-habilidades{
	position:relative;
	left:50%;
	width:800px;
	height:300px; 
	display:flex; 
	flex-direction:row;
	overflow-y:scroll;
	transform:translateX(-50%);
	margin-top:70px;
	background-color:#f5f5f5;
	box-shadow:inset 2px 2px 3px 1px rgba(0,0,0,0.3);
}

.container-minhas-habilidades #Habilidades{
	margin-left:20px;
	transform:translateX(-165%);
}

.container-habilidade-6{
	position:relative;
	left:50%;
	height:210px;
	cursor:pointer;
	margin:30px -800px;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;

}

#titulo-3-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:30px;
	top:720px;
	width: 100%;
	color:#353738
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:730px;
	text-align:center;
}

#subtitulo-titulo-1{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:30px;
	text-align:center;
}

.container-slider-meus-projectos-lancados{
	position:relative;
	width:800px;
	left:50%;
	heght:400px;
	margin-top:50px;
	transform:translateX(-50%);

	
}

#subtitulo-titulo-2{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:100px;
	text-align:center;
}

.container-slider-meus-projectos-nao-lancados{
	position:relative;
	width:800px;
	left:50%;
	heght:400px;
	backgrond:pink;
	margin-top:50px;
	transform:translateX(-50%);
 
	
}

.container-contacto{
	position:relative;
	width:800px;
	left:50%;
	height:510px;
	margin-top:130px;
	background-color:#fff;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.8)
}

} /*----------------fim-do-webkit-4----------------------*/

@media only screen and (min-width:1055px) and (max-width:1154px){
body{
	margin:0px;
	padding:0px;
	backround:#808080;
}

#campo-nome-main{
	width:480px;
}

.container-nome-main button{
	width:480px;
	
}

.container-menu-contacto{
	width:400px;
	

}

.container-watsapp{
	position:fixed;
	z-index:100;
	width:80px;
	height:80px;
	bottom:30px;
	left:50%;
	margin-top:100%;
	margin-left:40%;
	background:#075E54;
	border-radius:100px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}

#watsapp-icone{
	position:relative;
	width:100%;
	top:50%;
	font-size:35px;
	color: #fff;
	text-align:center;
	transform:translateY(-50%);
}

#img-main{
	position:absolute;
	width:100%;
	height:630px;
	overflow:hidden;
	background-position:0% 0px;
	background-size:cover;
	background-repeat:no-repeat;
}

#img-main:after{
	position:absolute;
	content:'';
	width:100%;
	height:630px;
	background-color:rgba(0,0,0,0.6);
}

#menu-icone{
	position:absolute;
	display:none;
	font-size:37px;
	margin:22px 88%;
	cursor:pointer;
	color:#fff;
}

#curva-main{
	position:absolute;
	z-index:10;
	margin:450px 0%;
	width:100%;
}

#titulo-main{
	position:absolute;
	font-size:25px;
	margin:25px 5%;
	color:#fff;
}

nav{
	display:none;
}

.nav-2{
	display:block;
}

.nav-2 ul{
	position:absolute;
	display:flex;
	list-style:none;
	margin:25px -300px;
	left:50%;
}
 
.nav-2 a{
	color:#fff;
	font-size:20px;
	margin-left:40px;
	text-decoration:none;
}

.nav-2 a:hover{
	color:#969406;
	border-bottom:1px solid #969406;
}

#nav-2 a{
	height:60px;
	color:#969406; 
	color:#353738;
	margin-top:-30px;
	padding-top:30px;
}

#nav-2 a:hover{
	color:#fff;
	background:#969406;
	border-bottom:none;
}

#phone-icone{
	position:absolute;
	font-size:25px;
	margin:24px 93%;
	cursor:pointer;
	color:#fff;
}

.container-h1-h2-botao-reserva{
	position:absolute;
	width:100%;
	height:220px;
	margin:180px 0%;
}

h1{
   text-align:center;
   margin:0px 0%;
   font-size:40px;
   width:100%;
   color:#fff;  
   
}

h2{
   text-align:center;
   margin:20px 0%;
   text-align:center;
   font-size:27px;
   width:99%;
   color:#969406; 

}

#container-botao-reserva{
	margin:20px 0%;
	width:100%;
	height:45px;
    text-align:center;
}

#botao-reserva{
	margin:0px 0%;
	font-size:21px;
	border:1px solid #969406;
	background-color:transparent;
	cursor:pointer;
	color:#969406;
	height:45px;
	width:140px;
}

#botao-reserva:focus{
	outline:none;
}

#botao-reserva:hover{
	background-color:#969406;
	color:#fff;
}

.container-linguagens-main{
	margin-top:-40px;
	margin-left:-570px;
	backgrond:pink
}

#html-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(60%)
}

#css-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(130%)
}

#js-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(65%)
}

#php-img{
	position:relative;
	height:45px;
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(77%)
}

#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(205%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:0px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(230%)
}


.container-icones-sociais{
	position:relative;
	width:40%;
	top:30px;
	display:none;
	height:400px;
	margin:0px 55%;
	border-top:none;
	background-color:transparent;
}

.container-icones-sociais .ul{
	position:absolute;
	display:blck;
	margin-top:20px;
	margin-left:-150px;
	width:300px;
    left:50%;
}

.icones-redes-sociais{ 
	width:55px;
	height:55px;
	margin-top:30px;
	border-radius:30px;
	box-shadow:none;
	background-color:transparent;
}

.container-site{
	position:relative;
	top:670px;
}

.container-eu{
	position:relative;
	left:50%;
	width:800px;
	margin-top:40px;
	transform:translateX(-50%);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
	bordr:1px solid rgba(0, 0, 0, 0.4)
}

#img-eu{
	position:relative;
	width:270px;
	left:50%;
	margin-top:0px;
	transform:translateX(-50%);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:870px;
	text-align:center;
}

.container-minhas-habilidades{
	position:relative;
	left:50%;
	width:800px;
	height:300px; 
	display:flex; 
	flex-direction:row;
	overflow-y:scroll;
	transform:translateX(-50%);
	margin-top:70px;
	background-color:#f5f5f5;
	box-shadow:inset 2px 2px 3px 1px rgba(0,0,0,0.3);
}

.container-minhas-habilidades #Habilidades{
	margin-left:20px;
	transform:translateX(-165%);
}

.container-habilidade-6{
	position:relative;
	left:50%;
	height:210px;
	cursor:pointer;
	margin:30px -800px;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;

}

#titulo-3-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:30px;
	top:770px;
	width: 100%;
	color:#353738
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:770px;
	text-align:center;
}

#subtitulo-titulo-1{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:30px;
	text-align:center;
}

.container-slider-meus-projectos-lancados{
	position:relative;
	width:800px;
	left:50%;
	heght:400px;
	margin-top:50px;
	transform:translateX(-50%);

	
}

#subtitulo-titulo-2{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:100px;
	text-align:center;
}

.container-slider-meus-projectos-nao-lancados{
	position:relative;
	width:800px;
	left:50%;
	heght:400px;
	backgrond:pink;
	margin-top:50px;
	transform:translateX(-50%);
 
	
}

.container-contacto{
	position:relative;
	width:800px;
	left:50%;
	height:510px;
	margin-top:130px;
	background-color:#fff;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.8)
}


} /*---------------fim-do-webkit-4------------*/

@media only screen and (min-width:1155px) and (max-width:1516px){
body{
	margin:0px;
	padding:0px;
	backgound-color:pink;
}

#campo-nome-main{
	width:480px;
}

.container-nome-main button{
	width:480px;
	
}

.container-menu-contacto{
	width:400px;
	

}

.container-watsapp{
	position:fixed;
	z-index:100;
	width:80px;
	height:80px;
	bottom:30px;
	left:50%;
	margin-top:100%;
	margin-left:40%;
	background:#075E54;
	border-radius:100px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}

#watsapp-icone{
	position:relative;
	width:100%;
	top:50%;
	font-size:35px;
	color: #fff;
	text-align:center;
	transform:translateY(-50%);
}

#img-main{
	position:absolute;
	width:100%;
	height:750px;
	overflow:hidden;
	background-position:0% 0px;
	background-size:cover;
	background-repeat:no-repeat;
}

#img-main:after{
	position:absolute;
	content:'';
	width:100%;
	height:750px;
	background-color:rgba(0,0,0,0.6);
}

#menu-icone{
	position:absolute;
	display:none;
	font-size:37px;
	margin:22px 88%;
	cursor:pointer;
	color:#fff;
}

#curva-main{
	position:absolute;
	z-index:10;
	margin:510px 0%;
	width:100%;
}

#titulo-main{
	position:absolute;
	font-size:25px;
	margin:25px 5%;
	color:#fff;
} 

.titulo-main{
	position:absolute;
	font-size:20px;
	margin:25px 5%;
	color:#353738;
}

nav{
	display:none;
}

.nav-2{
	display:block;
}

.nav-2 ul{
	position:absolute;
	display:flex;
	list-style:none;
	margin:30px -260px;
	justify-content:flex-end;
	left:50%;
}

.nav-2 a{
	color:#fff;
	font-size:20px;
	margin-left:40px;
	text-decoration:none;
}

.nav-2 a:hover{
	color:#969406;
	border-bottom:1px solid #969406;
}

#nav-2 a{
	height:60px;
	color:#969406; 
	color:#353738;
	margin-top:-30px;
	padding-top:30px;
}

#nav-2 a:hover{
	color:#fff;
	background:#969406;
	border-bottom:none;
}

#phone-icone{
	position:absolute;
	font-size:25px;
	margin:28px 93%;
	cursor:pointer;
	color:#fff;
}

.container-h1-h2-botao-reserva{
	position:absolute;
	width:100%;
	height:500px;
	margin:180px 0%;
	backgroud-color:red;
	overflow:hidden
}

h1{
   text-align:center;
   margin:20px 15%;
   font-size:45px;
   width:510px;
   color:#fff;  
   
}

h2{
   text-align:center;
   margin:30px 0%;
   text-align:center;
   font-size:27px;
   width:99%;
   color:#fff; 
    margin:30px 15%;

}

#container-botao-reserva{
	margin:20px 0%;
	width:100%;
	height:45px;
    text-align:center;
}

#botao-reserva{
	margin:0px 0%;
	font-size:21px;
	border:1px solid #969406;
	background-color:transparent;
	cursor:pointer;
	color:#969406;
	height:45px;
	width:140px;
}

#botao-reserva:focus{
	outline:none;
}

#botao-reserva:hover{
	background-color:#969406;
	color:#fff;
}
	
.container-linguagens-main{
	position:relative;
	margin-top:-40px;
	marginleft:-690%;
	lft:50%;
	backgroud:red;
	text-align:center;
	transform:translateX(-41%)
}

#html-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(60%)
}

#css-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(130%)
}

#js-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(65%)
}

#php-img{
	position:relative;
	height:45px;
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(77%)
}

#node-img{
	position:relative;
	height:50px; 
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(205%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:0px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(230%)
}

.container-icones-sociais{
	position:relative;
	width:40%;
	top:70px;
	height:400px;
	margin:0px -3%;
	border-top:none;
	background-color:transparent;
}

.container-icones-sociais .ul{
	position:absolute;
	display:block;
	margin-top:20px;
	margin-left:-150px;
	width:300px;
    left:50%;
}

.icones-redes-sociais{
	width:55px;
	height:55px;
	margin-top:30px;
	border-radius:30px;
	box-shadow:none;
	background-color:transparent;
}

.container-site{
	position:relative;
	top:360px;
}

.container-eu{
	position:relative;
	left:50%;
	width:100%;
	margin-top:60px;
	transform:translateX(-50%);
	box-shadow: none;
	bordr:1px solid rgba(0, 0, 0, 0.4)
}

#img-eu{
	position:relative;
	width:330px;
	left:0px;
	margin-top:0px;
	margin-left:60px;
	transform:translateX(0px);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#descricao-img-eu{
	position:relative;
	font-size:20px;
	margin:-440px 420px;
	left:0px;
	width:60%;
	backgroud:pink;
	transform:translateX(0px);
	box-sadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

.ul-eu{
	margin-top:80px;
	margin-left:10px;
} 

.container-site p{
	height:110px;
	color:#353738;
	margin-top:-50px;
}

#titulo-2-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:0px;
	width: 100%;
	top:600px;
	color:#353738
}


#titulo-2{
	font-size:30px;
	width:100%;
	text-align:center;
	margin-top:640px;
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:1270px;
	text-align:center;
}

.container-minhas-habilidades{
	position:relative;
	left:50%;
	width:1080px;
	height:300px; 
	display:flex; 
	flex-direction:row;
	overflow-y:scroll;
	transform:translateX(-50%);
	margin-top:70px;
	background-color:#f5f5f5;
	box-shadow:inset 2px 2px 3px 1px rgba(0,0,0,0.3);
}

.container-minhas-habilidades #Habilidades{
	margin-left:90px;
	transform:translateX(-221%);
}

.container-habilidade-6{
	position:relative;
	left:50%;
	height:210px;
	cursor:pointer;
	margin:30px -800px;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;

}

#titulo-3-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:30px;
	top:430px;
	width: 100%;
	color:#353738
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:450px;
	text-align:center;
}

#subtitulo-titulo-1{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:30px;
	text-align:center;
}

.container-slider-meus-projectos-lancados{
	position:relative;
	width:1080px;
	left:50%;
	heght:400px;
	margin-top:0px;
	overflow:hidden;
	transform:translateX(-50%);

	
}

.container-slider-meus-projectos-lancados .ul{
	width:103%;
	display:flex;
	margin-left:-40px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

#slider-meus-projectos-lancados{
	margin-top:70px;
	margin-left:50px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#subtitulo-titulo-2{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:100px;
	text-align:center;
}

.container-slider-meus-projectos-nao-lancados{
	position:relative;
	width:1080px;
	left:50%;
	height:1200px;
	backgound:pink;
	margin-top:0px;
	overflow:hidden;
	transform:translateX(-50%);
 
	
}
 
.container-slider-meus-projectos-nao-lancados .ul{
	width:207%;
	display:flex;
	flex-direction:row;
	margin-left:-40px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

#slider-meus-projectos-nao-lancados{
	width:1080px;
	
	margin-left:50px;
	background:rgba(0, 0, 0, 0.7);
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

.slider-nao-lacados{
	position:relative;
	top:500px;
	left:-1120px
}

footer{
	width:100%;
	margin-top:0px; 
	background-color:#111112;
}

.container-contacto{
	position:relative;
	width:800px;
	left:50%;
	height:510px;
	margin-top:130px;
	background-color:#fff;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.8)
}


} /*-------------fim-do-webkit-5-----------*/

@media only screen and (min-width:1517px) and (max-width:5000px){
body{
	backround:red;
}

#campo-nome-main{
	width:480px;
}

.container-nome-main button{
	width:480px;
	
}

.container-menu-contacto{
	width:400px;
	

}

.container-watsapp{
	position:fixed;
	z-index:100;
	width:80px;
	height:80px;
	bottom:30px;
	left:50%;
	margin-top:100%;
	margin-left:40%;
	background:#075E54;
	border-radius:100px;
	transform:translateX(-50%);
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.4)
}

#watsapp-icone{
	position:relative;
	width:100%;
	top:50%;
	font-size:35px;
	color: #fff;
	text-align:center;
	transform:translateY(-50%);
}

#img-main{
	position:absolute;
	width:100%;
	height:800px;
	overflow:hidden;
	background-position:0% 0px;
	background-size:cover;
	background-repeat:no-repeat;
}

#img-main:after{
	position:absolute;
	content:'';
	width:100%;
	height:800px;
	background-color:rgba(0,0,0,0.6);
}

	
#carrinho-icone-tablet-pc{
	position:absolute;
	font-size:26px;
	margin:25px 93%;
	cursor:pointer;
	display:block;
	color:#fff;
}

#carrinho-icone{
	display:none;
}

#menu-icone{
	position:absolute;
	display:none;
	font-size:37px;
	margin:22px 88%;
	cursor:pointer;
	color:#fff;
}

#curva-main{
	position:absolute;
	z-index:10;
	disply:none;
	margin:530px 0%;
	width:100%;
}

#titulo-main{
	position:absolute;
	font-size:25px;
	margin:35px 7%;
	color:#fff;
}

nav{
	display:none;
}

.nav-2{
	display:block;
}

.nav-2 ul{
	position:absolute;
	display:flex;
	list-style:none;
	margin:35px -210px;
	justify-content:flex-end;
	left:50%;
}

.nav-2 a{
	color:#fff;
	font-size:20px;
	margin-left:60px;
	text-decoration:none;
}
 
.nav-2 a:hover{
	color:#969406;
	border-bottom:1px solid #969406;
}

#nav-2 a{
	height:60px;
	color:#969406; 
	color:#353738;
	margin-top:-30px;
	padding-top:30px;
}

#nav-2 a:hover{
	color:#fff;
	background:#969406;
	border-bottom:none;
}

#phone-icone{
	position:absolute;
	font-size:25px;
	margin:35px 93%;
	cursor:pointer;
	color:#fff;
}

.container-h1-h2-botao-reserva{
	position:absolute;
	width:100%;
	height:500px;
	margin:180px 0%;
	overflow:hidden
}

h1{
   text-align:center;
   margin:60px 15%;
   font-size:45px;
   width:510px;
   color:#fff;  
   
}

h2{
   text-align:center;
   margin:20px 0%;
   text-align:center;
   font-size:27px;
   width:99%;
   color:#fff; 
    margin:-30px 15%;

}

.container-redes-sociais-main{
	position:relative;
	background:#f00;
}
 
.container-linguagens-main{
	margin-top:0px;
	margin-left:-70px
}

#html-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(60%)
}

#css-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(130%)
}

#js-img{
	position:relative;
	height:60px;
	left:50%;
	margin-top:70px;
	transform:translateX(65%)
}

#php-img{
	position:relative;
	height:45px;
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(77%)
}

#node-img{
	position:relative;
	height:50px;
	left:50%;
	top:0px;
	margin-top:70px;
	transform:translateX(205%)
}

#git-img{
	position:relative;
	height:50px;
	left:50%;
	top:0px;
	margin-top:70px;
	border-radius:50px;
	transform:translateX(230%)
}

#container-botao-reserva{
	margin:20px 0%;
	width:100%;
	height:45px;
    text-align:center;
}

#botao-reserva{
	margin:0px 0%;
	font-size:21px;
	border:1px solid #969406;
	background-color:transparent;
	cursor:pointer;
	color:#969406;
	height:45px;
	width:140px;
}

#botao-reserva:focus{
	outline:none;
}

#botao-reserva:hover{
	background-color:#969406;
	color:#fff;
}

.container-icones-sociais{
	position:relative;
	width:40%;
	top:70px;
	height:400px;
	margin:0px -3%;
	border-top:none;
	background-color:transparent;
}

.container-icones-sociais .ul{
	position:absolute;
	display:block;
	margin-top:20px;
	margin-left:-150px;
	width:300px;
    left:50%;
}

.icones-redes-sociais{
	width:55px;
	height:55px;
	margin-top:30px;
	border-radius:30px;
	box-shadow:none;
	background-color:transparent;
}
	
.container-site{
	position:relative;
	top:330px;
}

#titulo-1-icone{
	font-size:70px; 
	text-align:center; 
	margin-top:100px;
	width: 100%;
	color:#353738
}

#titulo-1{
	font-size:30px;
	width:100%;
	margin-top:10px;
	text-align:center;
}

.container-eu{
	position:relative;
	left:50%;
	width:100%;
	margin-top:100px;
	transform:translateX(-50%);
	box-shadow: none;
	bordr:1px solid rgba(0, 0, 0, 0.4)
}

#img-eu{
	position:relative;
	width:330px;
	left:0px;
	margin-top:0px;
	margin-left:60px;
	transform:translateX(0px);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

#descricao-img-eu{
	position:relative;
	font-size:20px;
	margin:-440px 420px;
	left:0px;
	width:60%;
	backgroud:pink;
	transform:translateX(0px);
	box-sadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5)
}

.ul-eu{
	margin-top:80px;
	margin-left:10px;
} 

.container-site p{
	height:110px;
	color:#353738;
	margin-top:-50px;
}

#titulo-2-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:0px;
	width: 100%;
	top:600px;
	color:#353738
}

#titulo-2{
	font-size:30px;
	width:100%;
	text-align:center;
	margin-top:640px;
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:1270px;
	text-align:center;
}

.container-minhas-habilidades{
	position:relative;
	left:50%;
	width:1400px;
	height:300px; 
	display:flex; 
	flex-direction:row;
	overflow-y:scroll;
	transform:translateX(-50%);
	margin-top:70px;
	background-color:#f5f5f5;
	box-shadow:inset 2px 2px 3px 1px rgba(0,0,0,0.3);
}

.container-minhas-habilidades #Habilidades{
	margin-left:40px;
	transform:translateX(-210%);
}

.container-habilidade-6{
	position:relative;
	left:50%;
	height:210px;
	cursor:pointer;
	margin:30px -800px;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;

}

#titulo-3-icone{
	position:relative;
	font-size:70px; 
	text-align:center; 
	margin-top:30px;
	top:460px;
	width: 100%;
	color:#353738
}

#titulo-3{
	font-size:30px;
	width:100%;
	margin-top:470px;
	text-align:center;
}

#subtitulo-titulo-1{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:30px;
	text-align:center;
}

.container-slider-meus-projectos-lancados{
	position:relative;
	width:1400px;
	left:50%;
	heght:400px;
	margin-top:30px;
	overflow:hidden;
	transform:translateX(-50%);

	
}

.container-slider-meus-projectos-lancados .ul{
	width:103%;
	display:flex;
	margin-left:-40px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

#slider-meus-projectos-lancados{
	margin-top:70px;
	margin-left:50px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

#subtitulo-titulo-2{
	font-size:25px;
	width:100%; 
	color:#969406;
	margin-top:150px;
	text-align:center;
}

.container-slider-meus-projectos-nao-lancados{
	position:relative;
	width:1400px;
	left:50%;
	height:1470px;
	backgound:pink;
	margin-top:50px;
	overflow:hidden;
	transform:translateX(-50%);
 
	
}
 
.container-slider-meus-projectos-nao-lancados .ul{
	width:207%;
	display:flex;
	flex-direction:row;
	margin-left:-40px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

#slider-meus-projectos-nao-lancados{
	width:1400px;
	
	margin-left:50px;
	background:rgba(0, 0, 0, 0.7);
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.3);
}

.slider-nao-lacados{
	position:relative;
	top:630px;
	left:-1460px
}

footer{
	width:100%;
	margin-top:0px;
	background-color:#111112;
}

.container-contacto{
	position:relative;
	width:800px;
	left:50%;
	height:510px;
	margin-top:130px;
	background-color:#fff;
	transform:translateX(-50%);
	border-top-left-radius:20px;
	border-bottom-right-radius:20px;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.8)
}
	
} /*---fim-do-webkit-7---------*/