body, html {
    height: 100%;
    margin: 0;
    font-family: Helvetica, Arial, Sans-serif;
  }
  
  #logo{
    width: 100%;
    max-width: 455px;
  }

  p {
    font-size: 20px;
  }
  
  ul li{
    padding: 2px;

  }

  ul li a{
    list-style: none;
    color: #000;
  }
  
  .bgimg {
    background-image: url('background.jpg');
    height: 100%;
    /*background-position: center;*/
    background-size: cover;
    position: relative;
    font-family: "Courier New", Courier, monospace;
    font-size: 15px;
  }
  
  .middle {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #000;
  }
  
  .middlecontact{
    position: absolute;
    top: 85%;
    left: 51%;
    transform: translate(-50%, -50%);
    text-align: left;
    color: #000;
  }
  
  @media (max-width: 480px) 
  {
    .middlecontact 
     {
       width: 300px;
       height: 250px;
       left: 51%;
       text-align: left;
       color: #000;
     }
  }
  
  @media (max-height: 380px) 
  {
    .middlecontact 
     {
       top:85%;
       left: 51%;
       text-align: left;
       color: #000;
     }
  }