a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #932825;
	font-weight: bold;
}

body {
  background-color:#E4D6BB;
  height: 100vh;
  background-image: url(img/fonas.jpg);
  background-size: 550px;
}

html { 
    height:100%;
}

.centerDiv {
	width: 100%;
	height: 100vh;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	
	
	padding-top: 0px;
	padding-bottom: 0px;
	min-height:100%;
}
.logo {
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
   text-align: center;
	vertical-align: middle;
	
}
.log {
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
   text-align: center;
	vertical-align: middle;
	margin: 0 auto;
}

.centerDiv img {
	max-height: 100%;
	max-width: 100%;
	width: 60%;
	margin: 0;
   
}

.imgDiv img {
    margin: 0;
    position: absolute;
    top: 50%;
	 max-height: 20%;
    max-width: 20%;
    width: auto;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.imgDiv {
	height: 0px;
   text-align: center;
	visibility: hidden;
}

.text {
	width: 30%;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #E4D6BB;
	text-align: center;
	box-shadow: 3px 6px 6px 5px rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.2);
	padding-top: 2px;
	padding-bottom: 2px;
}
.ifr { 
    width: 42%; 
    height:100%;
	 box-shadow: 3px 6px 6px 5px rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.2);
 	 text-align: center;
	 margin: 0 auto;
	 overflow: hidden;
}
.footer {
	position: fixed;
   bottom: 0;
   width: 100%;
	background-color: #E4D6BB;
	box-shadow: 3px 6px 6px 5px rgba(0, 0, 0, 0.2), 0 6px 8px 0 rgba(0, 0, 0, 0.2);
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
}