h1{
    color:#141A34;
    text-align: center;
    font-family: helvetica;
    font-size: 100px;
  }

  img{
    width: 100%;
    height: auto;
    -webkit-transform:rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }

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

  ul li {float: left;}

  ul li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
  }

  ul li a:hover:not(.active) {background-color: #f1f1f1;}

  ul li a.active {background-color: #f1f1f1;}

  ul li.right {float: right;}

  @media screen and (max-width: 600px){
      ul li.right,
      ul li {float: none;}
  }

  li.dropdown  {
      display: inline-block;
  }

  .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
  }

  .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
  }

  .dropdown-content a:hover {background-color: #141A34;}

  .dropdown:hover .dropdown-content {
      display: block;
  }


    footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
  width:100%;
}