* Projeto: Nome do Projecto
 * Author: Pedro Afoito
 * Email: info@pedroafoito.tz
 * URL: http://www.pedroafoito.tz
 */
/*=========================================== 
 * Definições de CSS
 *===========================================*/
 
/*@charset "iso-8859-1";*/







 
/*Definições Gerais*/ 
 
html,
button,
input,
select,
textarea {
  font-family: Muli;
}

body {
	font-family: Muli;
	background-color: white !important;
	font-size:16px;
	font-weight:500;
  	margin:0 auto;
  	width:100%;
  	color:black;
}

h2 {
	font-size:1.6vw;
	line-height:1.5em;
	font-weight:500;
	font-style:italic;
	margin-right:50px;
	margin-left:50px;
}

h1 {
	font-size:2vw;
	line-height:1.5em;
	font-weight:900;
	font-style:italic;
	margin-right:50px;
	margin-left:50px;
	
}


html {
  background: #eee;
  color: black;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size:100%;

}

.container-fluid {
  margin: 0 auto;
  padding: 0;
  float:none;
  width: 100%; /* or 950px */
}  

.container, .row, .well, .well-lg, .navbar, .navbar-default, .navbar-fixed-top, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1,
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, 
.col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, 
.col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	margin:0;
	padding:0;
	background-color:white;
	border:0;
}


.textocentro {
	font-size:1.2em;
	font-weight:500;
	line-height:2em;
	margin-left:20px;
	margin-right:10px;
	margin-bottom:1em;
	text-align:left;
	}
	
.custom-btn1{
    background: transparent !important;
    color: white !important;
    border: solid 2px white !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 1.1vw;
    font-weight: 900;
    line-height:10vh;
    transition: all .4s ease-in-out;
    text-align:center; 
    vertical-align:middle; 
    font-family:Muli;
   }
   
.custom-btn2{
    background: #946629 !important;
    color: white !important;
    border: solid 2px white !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 1.1vw;
    font-weight: 500;
    transition: all .4s ease-in-out;
    text-align:center; 
    vertical-align:middle; 
    font-family:Muli;
    margin:2px;
    padding:2px;
}	
	
.gallery-top {
    padding: 5em 0;
    margin-top:50px;
}
.gallery-grids-top {
    margin: 0em 0 0 0;
}
.gallery-info p {
  color: #B2B2B2;
  font-size: .9em;
  margin: 1em auto 0;
  line-height: 1.8em;
  width: 70%;
}
.gallery-grid a {
    display: block;
}
.gallery-grid img {
  width: 100%;
}
.gallery-grid:hover img {
  -webkit-filter: grayscale(100%);
  opacity: 8;
  transition: all 300ms!important;
  -webkit-transition: all 300ms!important;
  -moz-transition: all 300ms!important;
}
.gallery-grids-middle{
	margin:2em 0;
}	


/*Media Querys*/

/* Large Devices, Wide Screens */

	@media only screen and (min-width : 1681px) {
body {
	padding-top:140px;
 	}
.titulo {
	font-size:1em;
	line-height:5vh;
	}
.frase1 {
	font-size:2.2em;
	line-height:5vh;  	
	}
.frase2 {
	font-size:2.2em;
	line-height:3vh;  	
	}
.imagemtopo {
		width: 100%;
		height:auto;
	}
}

	@media only screen and (max-width : 1680px) {
body {
	padding-top:140px;
 	}
.titulo {
	font-size:1em;
	line-height:5vh;
	}
.frase1 {
	font-size:2.0em;
	line-height:5vh;  	
	}
.frase2 {
	font-size:2.0em;
	line-height:4vh;  	
	}
.imagemtopo {
		width: 100%;
		height:auto;
	}	
}

	@media only screen and (max-width : 1600px) {
body {
	padding-top:125px;
 	}
.imagem {
	width:60%;
	}
 	
 	
.titulo {
	font-size:1em;
	line-height:5vh;
	}
.frase1 {
	font-size:2.0em;
	line-height:5vh;  	
	}
.frase2 {
	font-size:2.0em;
	line-height:4vh;  	
	}
}

	@media only screen and (max-width : 1366px) {
body {
	padding-top:110px;
 	}
.titulo {
	font-size:1em;
	line-height:5vh;
	}
.frase1 {
	font-size:1.8em;
	line-height:6vh;  	
	}
.frase2 {
	font-size:1.8em;
	line-height:5vh;  	
	}
}

	@media only screen and (max-width : 1360px) {
body {
	padding-top:110px;
 	}
.titulo {
	font-size:1em;
	line-height:5vh;
	}
	
.imagem {
	width:60%;
	}
.frase1 {
	font-size:1.7em;
	line-height:7vh;  	
	}
.frase2 {
	font-size:1.9em;
	line-height:6vh;  	
	}
}

	@media only screen and (max-width : 1280px) {
body {
	padding-top:110px;
 	}
 	
  	
.titulo {
	font-size:1em;
	line-height:5vh;
	}
.frase1 {
	font-size:1.5em;
	line-height:5vh;  	
	}
.frase2 {
	font-size:1.5em;
	line-height:5vh;  	
	}
}

	@media only screen and (max-width : 1152px) {
body {
	padding-top:120px;
 	}
.titulo {
	font-size:1em;
	line-height:5vh;
	}
.frase1 {
	font-size:1.7em;
	line-height:5vh;  	
	}
.frase2 {
	font-size:1.7em;
	line-height:2.1vh;  	
	}
}

	}
	@media only screen and (max-width : 1024px) {
body {
	padding-top:120px;
 	}
.titulo {
	font-size:1em;
	line-height:5vh;
	}
.frase1 {
	font-size:1.6em;
	line-height:5vh;  	
	}
.frase2 {
	font-size:1.6em;
	line-height:3vh;  	
	}
}

	@media only screen and (max-width : 773px) {
		body {
	padding-top:155px;
 	}
}

	@media only screen and (min-width : 800px) {
		body {
	padding-top:140px;
 	}
}

	@media only screen and (max-width : 799px) {
		body {
	padding-top:140px;
 	}
.top-heading {
	font-size:14px;
	font-weight:500;
	}
.titulo {
	font-size:1em;
	line-height:5.5vh;
	}	
body {
	padding-top:160px;
 	}
.frase1 {
	font-size:1.1em;
	line-height:5vh;  	
	}
.frase2 {
	font-size:1.1em;
	line-height:2.2vh;  	
	}
.imagemmeio { 
	display: none;
	}
}

	@media only screen and (max-width : 768px) {
body {
	padding-top:155px;
 	}
.titulo {
	font-size:1em;
	line-height:3.5vh;
	}
.imagemmeio { 
	display: none;
	}
}

	@media only screen and (max-width : 736px) {
body {
	padding-top:150px;
 	}
.titulo {
	font-size:1em;
	line-height:7vh;
	}
.frase1 {
	font-size:2.0vw;
	line-height:5vh;  	
	}
.frase2 {
	font-size:2.1vw;
	line-height:2.5vh;  	
	}
.imagemmeio { 
	display: none;
	}
	.imagemtopo {
		width: auto;
		height:350px;
}

	@media only screen and (max-width : 732px) {
body {
	padding-top:145px;
 	}
.titulo {
	font-size:1em;
	line-height:7vh;
	}
.frase1 {
	font-size:2.4vw;
	line-height:5vh;  	
	}
.frase2 {
	font-size:2.4vw;
	line-height:1.7vh;  	
	}
.imagemmeio { 
	display: none;
	}
h2 {
	font-size:2.4vw;
	line-height:1.5em;
	font-weight:500;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
h1 {
	font-size:2.6vw;
	line-height:1.5em;
	font-weight:900;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}	
}

	@media only screen and (max-width : 640px) {
body {
	padding-top:135px;
 	}
.titulo {
	font-size:1em;
	line-height:7vh;
	}
.frase1 {
	font-size:2.1vw;
	line-height:5vh;  	
	}
.frase2 {
	font-size:2.1vw;
	line-height:3vh;  	
	}
.imagemtopo {
		width: auto;
		height:350px;
	}	
	h2 {
	font-size:2.4vw;
	line-height:1.5em;
	font-weight:500;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
h1 {
	font-size:2.6vw;
	line-height:1.5em;
	font-weight:900;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
}

	@media only screen and (min-width : 602px) {
.imagemmeio{
	height:350px;
	}
}

	@media only screen and (max-width : 600px) {
body {
	padding-top:150px;
 	}
.titulo {
	font-size:1em;
	line-height:3.5vh;
	}
.frase1 {
	font-size:2.3vw;
	line-height:2.5vh;  	
	}
.frase2 {
	font-size:2.3vw;
	line-height:1.8vh;  	
	}
.imagemtopo {
		width: auto;
		height:300px;
		margin-left:0px;
	}
#hiking01 {
		width: auto;
		height:350px;
		margin-left:0px;
	}	
}

	@media only screen and (max-width : 568px) {
body {
	padding-top:145px;
 	}
.titulo {
	font-size:1em;
	line-height:8vh;
	}
.frase1 {
	font-size:2.1vw;
	line-height:5vh;  	
	}
.frase2 {
	font-size:2.1vw;
	line-height:3.5vh;  	
	}
.imagemtopo {
		width: auto;
		height:300px;
		margin-left:-30px;
	}
#hiking01 {
		width: auto;
		height:300px;
		margin-left:0px
	}
}

	@media only screen and (max-width : 533px) {
body {
	padding-top:140px;
 	}
.titulo {
	font-size:1em;
	line-height:8vh;
	}
.imagemtopo {
		width: auto;
		height:250px;
		margin-left:-10px;
	}
#hiking01 {
		width: auto;
		height:250px;
		margin-left:0px;
	}	
}

	@media only screen and (max-width : 480px) {
body {
	padding-top:150px;
 	}
.imagemmeio{
	height:250px;
	}
.imagemtopo {
		width: auto;
		height:250px;
		margin-left:-60px;
	}
#hiking01 {
		width: auto;
		height:250px;
		margin-left:0px;
	}
h2 {
	font-size:2.4vw;
	line-height:1.5em;
	font-weight:500;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
h1 {
	font-size:2.6vw;
	line-height:1.5em;
	font-weight:900;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
	
}

	@media only screen and (max-width : 435px) {
body {
	padding-top:155px;
 	}
.titulo {
	font-size:1em;
	line-height:4vh;
	} 	
h2 {
	font-size:2.5vw;
	line-height:1.5em;
	font-weight:500;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
h1 {
	font-size:3.1vw;
	line-height:1.5em;
	font-weight:900;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
.imagemtopo {
		width: auto;
		height:250px;
		margin-left:-110px;
	}
#hiking01 {
		width: auto;
		height:250px;
		margin-left:0px;
	}
	
}

	@media only screen and (max-width : 412px) {
body {
	padding-top:150px;
 	}
.titulo {
	font-size:1em;
	line-height:4vh;
	}
.imagemtopo {
		width: auto;
		height:250px;
		margin-left:-130px;
	}
#hiking01 {
		width: auto;
		height:250px;
		margin-left:0px;
	} 	
}

	@media only screen and (max-width : 384px) {
body {
	padding-top:155px;
 	}
.titulo {
	font-size:1em;
	line-height:4.5vh;
	} 	
.frase1 {
	font-size:2.2vw;
	line-height:2.0vh;  	
	}
.frase2 {
	font-size:2.2vw;
	line-height:1.5vh;  	
	}
.imagemtopo {
		width: auto;
		height:250px;
		margin-left:-160px;
	}
#hiking01 {
		width: auto;
		height:250px;
		margin-left:0px;
	}	
h2 {
	font-size:3.2vw;
	line-height:1.2em;
	font-weight:500;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}
h1 {
	font-size:3.5vw;
	line-height:1.5em;
	font-weight:900;
	font-style:italic;
	margin-right:10px;
	margin-left:10px;
	}	
	
}

	@media only screen and (max-width : 360px) {
body {
	padding-top:150px;
 	}
.titulo {
	font-size:1em;
	line-height:4.5vh;
	} 	
.frase1 {
	font-size:2.2vw;
	line-height:2.5vh;  	
	}
.frase2 {
	font-size:2.2vw;
	line-height:1.5vh;  	
	}
.imagemtopo {
		width: auto;
		height:250px;
		margin-left:-180px;
	}
#hiking01 {
		width: auto;
		height:250px;
		margin-left:0px;
	}	
}

	@media only screen and (max-width : 320px) {
.imagemmeio{
	height:200px;
	}
body {
	padding-top:145px;
 	}
.titulo {
	font-size:1em;
	line-height:4.5vh;
	}
.frase1 {
	font-size:2.1vw;
	line-height:2.5vh;  	
	}
.frase2 {
	font-size:2.1vw;
	line-height:2vh;  	
	}
.imagemtopo {
		width: auto;
		height:250px;
		margin-left:-160px;
	}
#hiking01 {
		width: auto;
		height:250px;
		margin-left:0px;
	}
	
}