@font-face {
    font-family: 'icomoon';
    src:  url('assets/fonts/icomoon.eot?rn8gg6');
    src:  url('assets/fonts/icomoon.eot?rn8gg6#iefix') format('embedded-opentype'),
      url('assets/fonts/icomoon.ttf?rn8gg6') format('truetype'),
      url('assets/fonts/icomoon.woff?rn8gg6') format('woff'),
      url('assets/fonts/icomoon.svg?rn8gg6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="iconn-"], [class*=" iconn-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .iconn-facebook2:before {
    content: "\ea91";
  }
  .iconn-instagram:before {
    content: "\ea92";
  }
  
   .icon-bar {
  position: absolute;
  top: 50%;
  right:15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-70%);
  transform: translateY(-50%);
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.instagram {
  background: #5dc2e0;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}