/* Geral */
.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}

body{
	position: relative;
}
#txt-box-1 h1, #horario h3, #email h3, #morada h3, #telemovel h3, #telefone h3, #carta h3, #social h3{
	text-transform: uppercase;
	font-family: 'Stanley-Poster';
}
#txt-box-1 h1, #horario h3, #horario p, #email h3, #email p, #morada h3, #morada p, #telemovel h3, #telemovel p, #telefone h3, #telefone p, #carta h3, #social h3{
	text-align: center;
}
#horario p, #email p, #morada p, #telemovel p, #telefone p{
	font-family: 'MaaxMono-Regular';
}
#horario h3, #horario p, #email h3, #email p, #morada h3, #morada p, #telemovel h3, #telemovel p, #telefone h3, #telefone p{
	color: rgb(85,198,180);
}
#carta h3, #social h3, #social i{
	color: white;
}
a, a:link, a:hover, a:visited, a:active{
	text-decoration: none;
}

/* Fonts */
	@font-face {
	  font-family: 'Stanley-Poster';
	  src: url('../fonts/Stanley-Poster.eot');
	  src: url('../fonts/Stanley-Poster.eot?#iefix') format('embedded-opentype'),
	       url('../fonts/Stanley-Poster.woff2') format('woff2'),
	       url('../fonts/Stanley-Poster.woff') format('woff'),
	       url('../fonts/Stanley-Poster.ttf') format('truetype');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
	  font-family: 'MaaxMono-Regular';
	  src: url('../fonts/MaaxMono-Regular.eot');
	  src: url('../fonts/MaaxMono-Regular.eot?#iefix') format('embedded-opentype'),
	       url('../fonts/MaaxMono-Regular.woff2') format('woff2'),
	       url('../fonts/MaaxMono-Regular.woff') format('woff'),
	       url('../fonts/MaaxMono-Regular.ttf') format('truetype'),
	       url('../fonts/MaaxMono-Regular.svg#MaaxMono-Regular') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}

/* SlideShow */
#carousel-example-generic{
		height: 100vh;
		height: -moz-calc(100vh);
		height: -webkit-calc(100vh);
		height: -o-calc(100vh);
		width: 100vw;
	}
	#bg-img-1{
		background:url('../images/Esquina do Avesso 1.jpg'); 
    background-repeat: no-repeat;   
    background-position: center center; 
    height: 100vh;
    width: 100vw;
    background-size: cover;
	}
	#bg-img-2{
		background:url('../images/Esquina do Avesso 2.jpg'); 
    background-repeat: no-repeat;
    background-position: center center; 
    height: 100vh;
    width: 100vw;
    background-size: cover;
	}
	#bg-img-3{
		background:url('../images/Esquina do Avesso 3.jpg'); 
    background-repeat: no-repeat;
    background-position: center center; 
    height: 100vh;
    width: 100vw;
    background-size: cover;
	}
	#bg-img-4{
		background:url('../images/Esquina do Avesso 4.jpg'); 
    background-repeat: no-repeat;
    background-position: center center; 
    height: 100vh;
    width: 100vw;
    background-size: cover;
	}

/* ROWS */
#first-row, #second-row, #third-row{
	position: absolute;
	width: 100%;
}

/* LG */
	@media (min-width: 1200px) {
		/* First Row */
		#first-row{
			top: 5vh;
		}

		/* Logo */
		#logo{
		}
		/* Carta */
		#txt-box-1{
			border-top: solid 15px white;
			border-left:  solid 15px white;
			border-bottom:  solid 15px white;
		}
		#txt-box-1 h1{
			color: white;
			font-size: 55px;
			margin-top: 205px;
			margin-bottom: 205px;
			line-height: 65px;
			letter-spacing: 12px;
		}
		/* Second Row */
		#second-row{
			bottom: 0px;
		}
		/* Contactos */
		#contactos{
			border-top: solid 15px rgb(85,198,180);
			border-left:  solid 15px rgb(85,198,180);
			border-right:  solid 15px rgb(85,198,180);
		}
		#horario, #email{
			margin-top: 40px;
		}
		#morada, #telemovel, #telefone{
			margin-top: 25px;
		}
		/* Horário */
		#horario{
		}
		/* Email */
		#email a{
			color: rgb(85,198,180);
		}
		/* Morada */
		#morada{
		}
		/* Telemóvel */
		#telemovel{
		}
		/* Telefone */
		#telefone{
			margin-bottom: 50px;
		}
		/* Redes Sociais */
		#carta, #social{
			margin-top: 55px;
		}
		#carta h3, #social h3{
			color: rgb(85,198,180);
		}
		#social i{
			padding-top: 40px;
			color: rgb(85,198,180);
		}
		#social .fa-facebook-official{
			padding-right: 40px;
		}	
		#horario h3, #horario p, #email h3, #email p, #morada h3, #morada p, #telemovel h3, #telemovel p, #telefone h3, #telefone p, #carta h3, #social h3{
			font-size: 14px;
			line-height: 20px;
		}
	}

/* MD */
	@media (min-width: 992px) and (max-width: 1199px) {
		/* First Row */
		#first-row{
			top: 5vh;
		}

		/* Logo */
		#logo{
		}
		/* Carta */
		#txt-box-1{
			border-top: solid 15px white;
			border-left:  solid 15px white;
			border-bottom:  solid 15px white;
		}
		#txt-box-1 h1{
			color: white;
			font-size: 40px;
			margin-top: 100px;
			margin-bottom: 100px;
			line-height: 50px;
			letter-spacing: 12px;
		}
		/* Second Row */
		#second-row{
			bottom: 0px;
		}
		/* Contactos */
		#contactos{
			border-top: solid 15px rgb(85,198,180);
			border-left:  solid 15px rgb(85,198,180);
			border-right:  solid 15px rgb(85,198,180);
		}
		#horario, #email{
			margin-top: 20px;
		}
		#morada, #telemovel, #telefone{
			margin-top: 15px;
		}
		/* Horário */
		#horario{
		}
		/* Email */
		#email a{
			color: rgb(85,198,180);
		}
		/* Morada */
		#morada{
			margin-bottom: 20px;
		}
		/* Telemóvel */
		#telemovel{
		}
		/* Telefone */
		#telefone{
			margin-bottom: 20px;
		}
		/* Redes Sociais */
		#carta, #social{
			margin-top: 55px;
		}
		#carta h3, #social h3{
			color: rgb(85,198,180);
		}
		#social i{
			padding-top: 40px;
			color: rgb(85,198,180);
		}
		#social .fa-facebook-official{
			padding-right: 20px;
		}
		#horario h3, #horario p, #email h3, #email p, #morada h3, #morada p, #telemovel h3, #telemovel p, #telefone h3, #telefone p, #carta h3, #social h3{
			font-size: 12px;
			line-height: 18px;
		}
	}


/* SM */
	@media (min-width: 768px) and (max-width: 991px) {
		/* First Row */
		#first-row{
			top: 5vh;
		}

		/* Logo */
		#logo img{
			width: 200px;
		}
		/* Carta */
		#txt-box-1{
			border-top: solid 10px white;
			border-left:  solid 10px white;
			border-bottom:  solid 10px white;
		}
		#txt-box-1 h1{
			color: white;
			font-size: 25px;
			margin-top: 10vh;
			margin-bottom: 10vh;
			line-height: 40px;
			letter-spacing: 5px;
		}
		/* Second Row */
		#second-row{
			bottom: 0px;
		}
		/* Contactos */
		#contactos{
			border-top: solid 10px rgb(85,198,180);
			border-left:  solid 10px rgb(85,198,180);
			border-right:  solid 10px rgb(85,198,180);
		}
		#horario, #email{
			margin-top: 20px;
		}
		#morada, #telemovel, #telefone{
			margin-top: 10px;
		}
		/* Horário */
		#horario{
		}
		/* Email */
		#email a{
			color: rgb(85,198,180);
		}
		/* Morada */
		#morada{
			margin-bottom: 20px;
		}
		/* Telemóvel */
		#telemovel{
		}
		/* Telefone */
		#telefone{
			margin-bottom: 20px;
		}
		/* Redes Sociais */
		#carta, #social{
			margin-top: 30px;
		}
		#carta h3, #social h3{
			color: rgb(85,198,180);
		}
		#social i{
			padding-top: 40px;
			color: rgb(85,198,180);
		}
		#social .fa-facebook-official{
			padding-right: 5px;
		}
		#horario h3, #horario p, #email h3, #email p, #morada h3, #morada p, #telemovel h3, #telemovel p, #telefone h3, #telefone p, #carta h3, #social h3{
			font-size: 10px;
			line-height: 14px;
		}
	}


/* XS */
	@media (min-width: 0px) and (max-width: 767px){
		/* First Row */
		#first-row{
			top: 5vh;
		}

		/* Logo */
		#logo img{
			width: 120px;
		}
		/* Carta */
		#txt-box-1{
			border-top: solid 6px white;
			border-left:  solid 6px white;
			border-bottom:  solid 6px white;
			margin-top: 5vh;
		}
		#txt-box-1 h1{
			color: white;
			font-size: 14px;
			margin-top: 6vh;
			margin-bottom: 6vh;
			line-height: 24px;
			letter-spacing: 3px;
		}
		/* Second Row */
		#second-row{
			bottom: 0px;
		}
		/* Contactos */
		#contactos{
			border-top: solid 6px rgb(85,198,180);
			border-left:  solid 6px rgb(85,198,180);
			border-right:  solid 6px rgb(85,198,180);
		}
		#horario, #email{
			margin-top: 8px;
		}
		#morada, #telemovel, #telefone{
			margin-top: 4px;
		}
		/* Horário */
		#horario{
		}
		/* Email */
		#email a{
			color: rgb(85,198,180);
		}
		/* Morada */
		#morada{
			margin-bottom: 14px;
		}
		/* Telemóvel */
		#telemovel{
		}
		/* Telefone 
		#telefone{
			margin-bottom: 14px;
		}*/
		/* Redes Sociais */
		#carta, #social{
			margin-top: 30px;
		}
		#carta h3, #social h3{
			color: rgb(85,198,180);
		}
		#social i{
			padding-top: 12px;
			color: rgb(85,198,180);
		}
		#social .fa-facebook-official{
			padding-right: 2px;
		}
		#horario h3, #horario p, #email h3, #email p, #morada h3, #morada p, #telemovel h3, #telemovel p, #telefone h3, #telefone p, #carta h3, #social h3{
			font-size: 8px;
			line-height: 10px;
		}
		/* Third Row */
		#third-row{
			margin-top: -70px;
		}
	}
@media (min-width: 568px) and (max-width: 767px){
	#txt-box-1 h1{
		font-size: 12px;
		margin-top: 5vh;
		margin-bottom: 5vh;
		line-height: 5vh;
		letter-spacing: 3px;
		}
}

@media (min-width: 1366px) and (max-width: 1679px){
	.col-lg-4{
    width: 41.66666667%;
	}
	#txt-box-1 h1{
		margin-top: 15vh;
		margin-bottom: 15vh;
	}
	#horario, #email{
		margin-top: 20px;
	}
	#morada, #telemovel, #telefone{
		margin-top: 10px;
	}
	#telefone{
		margin-bottom: 30px;
	}
	#carta, #social{
		margin-top: 35px;
	}
}
@media (min-width: 1200px) and (max-width: 1365px){
	.col-lg-4{
    width: 41.66666667%;
	}
	#txt-box-1 h1{
		margin-top: 12vh;
		margin-bottom: 12vh;
		font-size: 40px;
		line-height: 50px;
		letter-spacing: 12px;
	}
	#horario, #email{
		margin-top: 20px;
	}
	#morada, #telemovel, #telefone{
		margin-top: 15px;
	}
	#telefone{
		margin-bottom: 40px;
	}
	#carta, #social{
		margin-top: 35px;
	}
	#horario h3, #horario p, #email h3, #email p, #morada h3, #morada p, #telemovel h3, #telemovel p, #telefone h3, #telefone p, #carta h3, #social h3{
		font-size: 12px;
		line-height: 18px;
	}
}