html /* Apply to all four sides */
{padding: 1em}

body {margin: 0; padding: 0; background: #d8c6b8}
nav {width: 100%; background: #d8c6b8; overflow:hidden}
img {width: 400px; height: 50px;}

div {
    display: block;
  }

  .logo
  {
      text-align:center;
  }
  
  /* Navigation */
  nav
  {text-align: center;}
ul {
    list-style-type: none; /*this removes the bullets from the list */
   margin: 0;
   padding: 0;
   display:inline-block;
   }
   li {
   display: inline-block; /* this makes the links horizontal */
   }
   li a {
   color: #d8c6b8; /*this is the font color and it is white */
   padding: 100px; /*this is the padding around the text which creates
   that box */
   background-color: #543136; /* this is the background color of the
   box around the text */
   } 

h1
{
   font-family: klinic slab bold;
    font-size: 30px;
    font-style: italic;
    text-align: center;
    color: #543136;
}

h2 
    {display: inline;
      text-align: center;
    font-family: klinic slab bold;
    font-size: 40px;
    color: #543136
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.container
{width: 250 px;
    display: flex;
    align-items: center;
    text-align:left;
}

.container img
{
width: 50px;
margin-right: 20px;
}

p
{
     font-family: klinic slab bold;
     font-size: 35px;
     color: #543136;
}

.container2
{width: 250 px;
    display: flex;
    align-items: center;
    text-align:left;
}

.container2 img
{
width: 50px;
margin-right: 20px;
}

.container3 {
  display: grid;
  grid-template-columns: 400px 400px 400px;
  text-align: center;
  }

.column {
  padding: 25px;
  height: 500px;
  margin: 5px;
  background-color: #d3d3d3;
  }

/* Style all font awesome icons */
.fa {
    padding: 20px;
    font-size: 30px;
    width: 50px;
    text-align: center;
    text-decoration: none;
  }
  
  /* Add a hover effect if you want */
  .fa:hover {
    opacity: 0.7;
  }
  
  /* Facebook */
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  /* Twitter */
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }

  
footer
{
    vertical-align: bottom;
    text-align: center;
    font-family: klinic slab bold;
    font-size: 20px;
    color: #d8c6b8;
    background-color: #543136;
}  
 
