html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  *, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
  }
  
  .wrapper{max-width:75em;
          margin:0 auto;
          background-color:#fff;
          }
  
  
  header h1 {text-align:center;
              color:#e65a00;
              font-size:0.8em;
              text-transform:uppercase;
            font-weight:normal;}
  
  
  
  body {
    min-height: 100vh;
    margin: 0; /* Important! */
    font-family: "Open Sans", "Lato", "Helvetica Neue", Helvetica, serif;
    background-color: #fafafa;
    line-height: 1.8;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size:16px;
  }
  
  .posts{max-width:50em;
          margin:0 auto;
          display:flex;
          flex-direction:column;
          justify-content:center;
    padding:0 1em;
  }
  
  .posts .title {margin-bottom:1em;
                  font-weight:bold;
                  max-width:40em;
                  margin:0 auto;
                  text-align:center;}
  
  .posts .date {margin-bottom:4em;
                margin:0 auto;}
  
  .posts .image {margin-bottom:4em;
                margin:0 auto;
                max-width:35em;}
  
  .menu {
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    margin: 3em 0 8em 0;
  }
  
  .menu a {
    display: inline-block;
    padding: 0.5em;
    margin: 0 1em;
    color:#e65a00;
    text-decoration: none
  }
  
  
  
  
  header img {
    margin: 0 auto;
    display: block;
    width: 125px;
    height: 125px;
  }
  
  img {width:100%}



  
    
    
    /*FOOTER*/
    footer{
        width:100%;
        background-color:white;
        color: #e65a00;
        }
        
        .top_header{
        padding:2rem;
        display:flex;
        align-items:center;
        justify-content:center;
        position:relative;
        }
        
        .top_header section{
        display:flex;
        align-items:center;
        justify-content:center;
        width:100%;
        }
        
        .top_header span{
        padding:0 1rem;
        }
        
        .top_header .fa{
        color: #e65a00;
        font-size:35px;
        }
        
        footer .border-shape {
        width: 40%;
        }
        
        footer .border-shape::before {
        width: 100%;
        left:120px;
        }
        
        footer .border-shape::after {
        width: 100%;
        right:120px;
        }
        
        footer .bottom_content section{
        padding:1.5rem 2rem;
        display:flex;
        align-items:center;
        justify-content:Center;
        }
        
        .bottom_content a{
        margin:0 20px;
        color:#e65a00;
        transition:0.5s;
        }
        
        .bottom_content a:hover{
        color:#e65a00;
        }
        
        
        .copyright{
        padding:0.8em 0;
        background-color:white;
        text-align:center;
        color:#e65a00;
        font-size:12px;
        }
        
        
        
        @media (max-width:820px){
        .top_header{
        padding:1rem;
        display:block;
        }
        
        .top_header section{
        margin:40px 0;
        align-items:left;
        justify-content:left;
        }
        footer .bottom_content section{
        padding:1rem;
        display:block;
        }
        footer .bottom_content section a{
        padding:1rem;
        font-size:12px;
        margin:0 5px;
        display:inline-block;
        }
        }