@font-face {
	font-family: 'font-1';
	src: url("../font/Pentay-Book-ffp.ttf");
}
@font-face {
	font-family: 'font-2';
	src: url("../font/BlackLabel-Light.ttf");
}
* {
  box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	background-image: url(../image/neve-na-floresta.jpg);
	background-size: cover;
}

/* Figura responsiva */
img {
	max-width: 100%;
	height: auto;
}

.texto {
	margin-top: 30%;
	background-color: #FFF;
	opacity: .9;
	padding: 20px;
	border-radius: 8px;
}

p {
	color: #000;
}

h2 {
	color: #DA1212;
	font-family: 'font-2';
	text-shadow: 2px 2px 4px #000000;
	margin-bottom: 7px;
}

/* Cabeçalho */
.header {
  padding: 30px;
  text-align: center;
}
.header h1 {
  font-size: 40px;
  color: white;
  text-shadow: 2px 2px 4px #000000;
  text-align: center;	
}
.header p.serif {
  font-family: "Times New Roman", Times, serif;
  font-style: oblique;
  font-size: 20px;
  text-shadow: 2px 2px 4px #000000;
  color: #000080;
  text-align: center;
}


/* Estrutura do corpo da página com duas colunas */
.nave4 {
  padding: 0 15px;;
  background: none;
  margin: 0 10px;
}
.nave4-a {
	float: left;
	width: 50%;
	padding: 0 15px;;
	text-align: justify;
	background: none;
}
.nave4-b {
	float: left;
	width: 50%;
	padding: 0 15px;;
	text-align: justify;
	background: none;
} 
@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .nave4-a, .nave4-b {
    width:100%;
  }
}

.button-x {
background: #FF1B1C;
color: #FFF;
border: 1px solid #FF1B1C;
border-radius: 25px;
padding: 12px 40px;
text-transform: uppercase;
font-size: 14px;
transition: 0.4s linear;
cursor: pointer;
-webkit-transitio: backgound-color 1s;
	-moz-transitio: backgound-color 1s;
	-o-transitio: backgound-color 1s;
	-ms-transitio: backgound-color 1s;
	transition: background-color 4s;
}
.button-x:hover {
background: #4F4F4F;
border: 1px solid #4F4F4F;
color: #FF1B1C;
}


/* Rodapé da página */
.footer {
  background: #313840;
  margin: 0;
}
.footer h5 {
	font-size: 12px;
	color: #000;
	margin-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 400;
	text-align: right;
}
.footer h4 {
	font-size: 10px;
	color: #888;
	margin-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 400;
	text-align: left;
}
.primo {
  float: left;
  width: 33%;
  padding: 10px;
  
}
.main {
  float: left;
  width: 33%;
  padding: 10px;
 
}
.right {
  float: left;
  width: 33%;
  padding: 10px;
 
}
@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .primo, .main, .right {
    width: 100%;
  }
}

/* Botão Voltar */
button {
background: none;
color: #696969;
border: 1px solid #696969;
padding: 12px 40px;
border-radius: 8px;
text-transform: uppercase;
font-size: 14px;
transition: 0.4s linear;
cursor: pointer;
-webkit-transitio: backgound-color 1s;
	-moz-transitio: backgound-color 1s;
	-o-transitio: backgound-color 1s;
	-ms-transitio: backgound-color 1s;
	transition: background-color 4s;
}
button:hover {
background: #696969;
color: #FFF;
}