html,
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000000;
}

header {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #000000;
    color: #00FFFF;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.logo{
    background: url("images/logo\ banner\ with\ name-214x120.png") no-repeat scroll center;
    width: 214px;
    height: 120px;
}

  /*Pages*/
  section {
    position: relative;
    top: 120px;
    width: 0;
    height: 100%;
  }
  :target {
    width: 100%;
  }

  section .home {
    margin: 1em auto;
    max-width: 900px;
    width: 90%;
    color: #FF1493;
  }
  section h1,
  section h2,
  section h3 {
    margin-bottom: .5em;
    text-align: center;
  }
  section p {
    margin: .5em 0;
    font-family: 'Arial';
  }
  
  /*Home page*/
.home {
    display: flex;
    align-items: center;
    margin: 1em auto;
    max-width: 1000px;
    width: 90%;
  }
  
  .home .text-section {
    flex: 1;
    padding: 0 20px;
    color: #FFF;
  }
  
  .home .image-section {
    flex: 1;
    text-align: right;
  }
  
  .home .image-section img {
    max-width: 90%;
    height: auto;
  }