@charset "UTF-8";
/* CSS Document */

	.column {
	  float: left;
	  width: 31.9%;
	  padding: 10px;}

	.row::after {
	  content: "";
	  clear: both;
	  display: table;}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #5e1211;
}

li {
  float: left;
}

li a {
  display: block;
  color: #ffffff;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}
    
li a:hover {
  background-color: #543136;
}
        .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
    
body {
  background-color: #d8c6b8;
}
h1 {text-align:center;}
h2 {text-align: center }
h3 {text-align: left}    
p {text-align:center;}
p    {color: #543136}

.column {
  float: left;
  padding: 10px;
    
}

/* Left and right column */
.column.side {
  width: 25%;

}

/* Middle column */
.column.middle {
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column.side, .column.middle {
    width: 100%;
  }
}

/* Style the footer */
.footer {
  background-color: #5e1211;
  padding: 10px;
 color: #ffffff;
  text-align: center;
}

 .iconSocial {
     width:50px;
     height:50px;
     Padding:20px;
}