/**************************************/
/* Folha de estilos do Projeto Final  */
/* Author- Mariana Oliveira          */
/* 04.06.2019						  */
/**************************************/
@font-face {
  font-family: 'projeto-final';
  src:  url('../fonts/projeto-final.eot?80v50m');
  src:  url('../fonts/projeto-final.eot?80v50m#iefix') format('embedded-opentype'),
    url('../fonts/projeto-final.ttf?80v50m') format('truetype'),
    url('../fonts/projeto-final.woff?80v50m') format('woff'),
    url('../fonts/projeto-final.svg?80v50m#projeto-final') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'projeto-final' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-mail4:before {
  content: "\ea86";
}


*{
	box-sizing: border-box;
}

img{
	max-width: 100%;
	margin-top: 20px; 
}

/*Layout Mobile*/
.hide-mobile {
	display: none!important;

}	

.visible-mobile {
	display: block;
}


body{
	font-family: 'Lato', sans-serif;
}

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

header {
	display: grid;
	grid-template-columns:33.3% 33.3% 33.3%;
	background-color:black;
	height:200px;
	z-index:10;
	}

header > #logo, header #menu1, header #menu2{
	display: grid;
}

#logo img {
	align-self: center;
	justify-self: center;
	max-height: 170px;

}

#menu1 {
	align-self: center;
	justify-self: center;
}

#menu1 img {
	max-height: 72px; 
}

#menu2 {
	align-self: center;
	justify-self: center;
}

#menu2 img {
	max-height: 72px; 
}


/*Menu*/


.fixarMenu{
	top: 0;
	position: fixed;
	width: 100%;
}

.hidden{
	display: none;
}

/*HEADLINE*/
#sectionprincipal{
	background-color:gray;
	margin-top: 0px; 
	padding: 0 20px;

}

.cordefundo {
	background-color:white;
}


#sectionHeadline h1{
	align-self: center;
	justify-self:center;
}

/*Secção Portofólio*/
#sectionPortofolio {

	font-family: Pacifico;
	color:black;
	font-size: 30px; 
	text-align: center; 
	padding: 35px;
	margin-top: 20px;
	display: grid;
	grid-template-columns: 100%;
}
#sectionPortofolio #slider{
	margin-top: 20px;
	justify-self:center;
	align-self: center;
	width: 45%;
}

#sectionPortofolio #carousel{
	margin-top: 20px;
	justify-self:center;
	align-self: center;
	width: 60%;
}

	#sectionimagens {
		display: grid;
		grid-template-columns: 100%;
	}
	
	
	#section-quem-somos h2{
	padding: 30px 0px 10px 0px;

	}

#section-quem-somos p{
	font-family: PT Sans;
	color:black; 
	font-size: 17px;
	padding: 15px;
	
}

/*footer vai ser igual em todos os formartos*/
footer{
	background-color: #000000;
	min-height: 50px;
	padding: 25px;
	color: #fff;
}
#socialLinks {
	text-align: center;
}

#socialLinks li{
	display: inline-block;
	padding: 10px;
}

#socialLinks li a{
	text-decoration: none;
	color: black (255,255,255,.9);
	font-size: 30px;
}

#socialLinks li a:hover{
	color: white(255,255,255,1);
}

@media (max-width: 768px){

	#sectionPortofolio #slider{
		margin-top: 20px;
		justify-self:center;
		align-self: center;
		width: 100%;
	}

}

/*Layout Tablet*/ 
@media (min-width: 768px) and (max-width: 1200px){

	.visible-tablet {
		display: block;
	}
	.hide-tablet {
		display: none;
	}

		/*Secção Portofólio*/
	#sectionPortofolio {
		display: grid;
		grid-template-columns: 100%;
	}

	#sectionprincipal{
	background-color: white;
	margin-top: 0px; 
	padding: 0 40px;

}
	#sectionPortofolio #slider{
		margin-top: 20px;
		justify-self:center;
		align-self: center;
		width: 70%;
	}

	#sectionPortofolio #carousel{
		margin-top: 20px;
		justify-self:center;
		align-self: center;
		width: 60%;
	}

	#sectionimagens {
		display: grid;
		grid-template-columns: 33.33% 33.33% 33.33%;
		padding: 0 10px;
	}
}
@media (min-width: 1200px){

	.visible-desktop{
		display: block;
	}
	.hide-desktop{
		display: none;
	}


	#sectionprincipal{
	background-color: white;
	padding: 0 40px;

}

	#sectionimagens div {
		display: grid;
		grid-template-columns: 33.33% 33.33% 33.33%;
		
	}

	#sectionimagens article{
		padding: 0 10px;
	}
}