html, body {
  height: 100%;
  width: 100%;
}
/*--------Menu Responsivo-----------*/
.pagina { padding: 0 10px; margin: 10px auto 0 }

.titulo{position: fixed;width: 100%;height:43px;background-color: #fff;	z-index: 1001;}
/*========FOOTER =========================*/
.footer {  font-size: 1em; height: 120px; margin-top:15px; padding-bottom: 0;  border-top: 2px solid #595959;  background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#595959));border-top: : 2px solid #DCDCDC; }
.footer footer{display: flex; flex-direction: row; justify-content: space-between;}

.menu-footer{width: 45%;height: 120px;}
.menu-footer ul  { clear: both; list-style: none; margin: 0; padding: 0; z-index: 1000 }
.menu-footer ul > li { float: left; position: relative; }
.menu-footer ul > li a { background: transparent;  color: #141414; display: block; font-family: 'Amatica SC', cursive;font-size:1.2em; font-weight: bold; padding: 17px; text-decoration: none; position: relative;}
.menu-footer ul > li a:hover { color: #cccccc }
.menu-footer ul{ width: auto; text-align: center;font-family: 'Amatica SC', cursive;font-size:.95em; color: #444444; margin-top: 5px;font-weight: bold;}
.menu-footer ul li{	left: 2em;}
.links-footer{width: 38%;height: 120px !important; padding-right: 20px;font-family: 'Arial'!important;}
.links-footer ul{ display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; justify-content: space-between; list-style:none; margin-top: 5px; background: transparent;  color: #515151; font-family: 'Amatica SC', cursive;font-size:1em; font-weight: bold; }
.links-footer ul li{margin-top:0;margin-bottom:0;}
.links-footer a:link{text-decoration-line:none!important; }
.links-footer ul li a{ }
.links-footer ul li p{margin-top:0;}
.whats{display: flex;flex-direction: row;flex-wrap:nowrap;justify-content: space-between;align-items: center;margin-top: 5px; width: 130px;}
/*======== FIM FOOTER =========================*/
h1 { font-size: 1.3em; margin-top: 0 }
h2 { font-size: 1em; margin-top: 0 }
p { clear: left; margin-bottom: 10px }

.atalho { background-color: #FFF; cursor: pointer; float: left; padding: 2px 5px; margin-bottom: 5px }
/*-- Titulo e apresentaçao --*/
.titulokarola { background: url(../images/mar.jps) no-repeat center center fixed;  display: table;  height: 100%;  position: relative;  width: 100%;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.karola-center {  display: table-cell;  text-align: center;  vertical-align: middle;  color: #ffffff;}
.img1{	margin-top: 100px;}
.img1 img{  width: 488px;  height:68px;	  opacity: .6;  margin-top: 200px;}
.img2 img{	border-radius: 15px;  width: 414px;  height:491px;	 opacity: .5; margin-top: 55px;}
.col-lg-6 h1 {  display: flex;  flex-direction: column;  flex-wrap: wrap;  font-family: 'Rokkitt', serif;  font-size: 3.8em;  text-align: left;  opacity: .7;  padding-top: .5em;}
.col-lg-6 h4{font-family: 'Rokkitt', serif;  font-size: 2.7em;  opacity: .7;  padding-top: .5em;}
.icon-chevron-sign-down {font-size: 3em;  opacity: .8;}
/*-- Fim Titulo e apresentaçao --*/
/*--Links--*/
.content-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
.link-div{
  background-color: #E5E5E5;
}
.col-md-12 #nav{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}	
.links{
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.links span{
  font-family: 'Rokkitt', serif;
  color: #727272;
  font-style: bold;
  font-size: 1.5em;
}
.links i{
  font-size: 1.5em;
  color: #727272;
  padding-bottom:0.5em;"
}
.links img{
	width:210px;
	height:170px;
}
/*--Fim Links--*/
/*--Historia--*/
.autoretrato{ 
  height: 100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  }
.autoretrato img {
    width:210px;
	height:300px;
    padding-botton:.4em;
  }
.card-text1{
  font-style:italic;
  font-size:.8em;
}
.card-text{
  font-size: .95em;
  text-align: justify;
}
hr {
      background-color: #c4c4c4;
      height: 2px;
}
.col-md-12 h2{
  font-family: 'Rokkitt', serif;
  color: #727272;
  font-size: 2.5em;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 40px;
  
}
.col-md-12 .fotos{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
}
.content-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
.link-div{
  background-color: #E5E5E5;
}
.history-div {
  background: url(../images/paisagem_rio.jps) no-repeat center center fixed;
  color: #ffffff;
  display: table;
  height: 1000px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.card {
  background-color:rgba(0, 0, 0, 0.4);
  border: none;
}
/*--Fim Historia--*/
/*-------Responsivo---------*/
@media (min-width: 801px) and (max-width: 1200px){
.img1{
	margin-top: 100px;
}
.img1 img{
  width: 439px;
  height:61px;	
  margin-top: 100px;
}
.img2 img{
  border-radius: 14px;
  width: 373px;
  height:442px;	
  margin-top: 27px;
}
.col-lg-6 h1 {
  font-size: 3.4em;
  text-align: center;
  padding-top: .1em;
}
.col-lg-6 h4{
  font-size: 2.4em;
  padding-top: .45em;
}
.icon-chevron-sign-down {
	font-size: 2.7em;
}
	/*==========Link======================*/
	.content-padding {
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
	.links{ 
	  height: 250px;
	}
	.links span{
	  font-size: 1.2em;
	}
	.links i{
	  font-size: 1.2em;
	  padding-bottom:0.5em;"
	}
	.links img{
		width:147px;
		height:119px;
	}
	/*==========Historia======================*/
	.autoretrato img {
	    width:158px;
		height:225px;
	    padding-botton:.4em;
	  }
	.card-text1{
	  font-style:italic;
	  font-size:.7em;
	}
	.card-text{
	  font-size: .9em;
	  }

	hr {height: 1.7px;}

	.col-md-12 h2{
	  font-size: 2em;
	  padding-top: 15px;
	  padding-bottom: 30px;
	}
	.content-padding {
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
}
@media (min-width: 533px) and (max-width: 800px){
/*==========Titulo e apresentaçao=====================*/
.img1{
	margin-top: 80px;
}
.img1 img{
  width: 395px;
  height:55px;	
  margin-top: 80px;
}
.img2 img{
  border-radius: 13px;
  width: 336px;
  height:398px;	
  margin-top: 27px;
}
.icon-chevron-sign-down {
	font-size: 1.8em;
}
.karola-center {
  font-size: 2.5em;
}
.col-md-12 img{
  margin-top: 15px;
}
.col-md-12 h1 {
  font-size: 1.2em;
  text-align: center;
  padding-top: .1em;
}
.col-md-12 h4{
  font-size: .8em;
  padding-top: .4em;
}
	/*==========Link======================*/
	.content-padding {
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
	.links{ 
	  height: 200px;
	}
	.links span{
	  font-size: 1em;
	}
	.links i{
	  font-size: 1em;
	  padding-bottom:0.5em;"
	}
	.links img{
		width:110px;
		height:89px;
	}
	/*==========Historia======================*/
	.autoretrato img {
	    width:118px;
		height:169px;
	    padding-botton:.4em;
	  }
	.card-text1{
	  font-style:italic;
	  font-size:.7em;
	}
	.card-text{
  font-size: .8em;
}
	hr {height: 1.7px;}
	
	.col-md-12 h2{
	  font-size: 1.8em;
	  padding-top: 12px;
	  padding-bottom: 25px;
	}
	.content-padding {
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
	footer { clear: both; position: inherit !important; padding: 1px 0 !important }
	.menu-footer{display:none;}
	.links-footer{width: 100%;padding-right:20px;}
	.menu-footer ul .click{font-size:.75em;}
}
@media (min-width: 320px) and (max-width: 532px){
/*==========Titulo e apresentaçao=====================*/
.img1{
	margin-top: 64px;
}
.img1 img{
  width: 284px;
  height:40px;	
  margin-top: 58px;
}
.img2 img{
  border-radius: 10px;
  width: 269px;
  height:318px;	
  margin-top: 22px;
}
.icon-chevron-sign-down {
	font-size: .8em;
}
.karola-center {
  font-size: 2.5em;
}
.col-md-12 img{
  margin-top: 15px;
}
.col-md-12 h1 {
  font-size: .75em;
  text-align: center;
  padding-top: .1em;
}
.col-md-12 h4{
  font-size: .6em;
  padding-top: .3em;
}
	/*==========Link======================*/
	.col-md-12 #nav{
	display:flex;
	flex-direction: column;
	align-items: center;
}	
	.content-padding {
	  padding-top: 15px;
	  padding-bottom:`15px;
	}
	.links{ 
	  height: 150px;
	}
	.links span{
	  font-size: 1em;
	}
	.links i{
	  font-size: 1em;
	  padding-bottom:0.2em;"
	}
	.links img{
		width:110px;
		height:89px;
	}
	/*==========Historia======================*/
	.col-md-12 .fotos{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	.autoretrato img {
	    width:118px;
		height:169px;
	    padding-bottom:.4em;
	  }
	.card-text1{
	  font-style:italic;
	  font-size:.7em;
	}
	.card-text{
  font-size: .8em;
}
	hr {height: 1.2px;}
	
	.col-md-12 h2{
	  font-size: 1.5em;
	  padding-top: 10px;
	  padding-bottom: 20px;
	}
	.content-padding {
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
	footer { clear: both; position: inherit !important; padding: 1px 0 !important }
	.menu-footer{display:none;}
	.links-footer{width: 100%;padding-right:20px;}
	.menu-footer ul .click{font-size:.75em;}
}
@media (max-width: 319px){
/*==========Titulo e apresentaçao=====================*/
.titulokarola {
  height: 80%;
}
.img1{
	margin-top: 30px;
}
.img1 img{
  width: 227px;
  height:32px;	
  margin-top: 25px;
}
.img2 img{
  border-radius: 8px;
  width: 194px;
  height:229px;	
  margin-top: 10px;
}
.icon-chevron-sign-down {
	font-size: .6em;
}
.karola-center {
  font-size: 2em;
}
.col-md-12 img{
  margin-top: 10px;
}
.col-md-12 h1 {
  font-size: .7em;
  text-align: center;
  padding-top: .1em;
}
.col-md-12 h4{
  font-size: .48em;
  padding-top: .2em;
}
	/*==========Link======================*/
	.col-md-12 #nav{
	display:flex;
	flex-direction: column;
	align-items: center;
}	
	.content-padding {
	  padding-top: 10px;
	  padding-bottom:`10px;
	}
	.links{ 
	  height: 120px;
	}
	.links span{
	  font-size: .9em;
	}
	.links i{
	  font-size: .8em;
	  padding-bottom:0.2em;"
	}
	.links img{
		width:88px;
		height:71px;
	}
	/*==========Historia======================*/

	.col-md-12 .fotos{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
	.autoretrato img {
	    width:68px;
		height:97px;
	    padding-bottom:.2em;
	  }
	.card-text1{
	  font-style:italic;
	  font-size:.7em;
	}
	.card-text{
  font-size: .8em;
}
	hr {height: 1px;}
	
	.col-md-12 h2{
	  font-size: 1em;
	  padding-top: 8px;
	  padding-bottom: 16px;
	}
	.content-padding {
	  padding-top: 24px;
	  padding-bottom: 24px;
	}
	footer { clear: both; position: inherit !important; padding: 1px 0 !important }
	.menu-footer{display:none;}
	.links-footer{width: 100%;padding-right:20px;}
	.menu-footer ul .click{font-size:.75em;}
}

/*--------Fim Menu Responsivo-----------*/