html, body {
  height: 100%;
  overflow:hidden;
}

.center {
    padding: 110px 0;
    color: aliceblue;
    text-align: center;
  }

.headerphoto {
      border-radius: 50%;
  }
 
  .background {
    background: rgba(248,80,50,1);
    background: -moz-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(241,111,92,1) 0%, rgba(86,63,140,1) 68%, rgba(13,40,162,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,80,50,1)), color-stop(0%, rgba(240,47,23,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(0%, rgba(241,111,92,1)), color-stop(68%, rgba(86,63,140,1)), color-stop(100%, rgba(13,40,162,1)));
    background: -webkit-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(241,111,92,1) 0%, rgba(86,63,140,1) 68%, rgba(13,40,162,1) 100%);
    background: -o-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(241,111,92,1) 0%, rgba(86,63,140,1) 68%, rgba(13,40,162,1) 100%);
    background: -ms-linear-gradient(left, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(241,111,92,1) 0%, rgba(86,63,140,1) 68%, rgba(13,40,162,1) 100%);
    background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(240,47,23,1) 0%, rgba(246,41,12,1) 0%, rgba(241,111,92,1) 0%, rgba(86,63,140,1) 68%, rgba(13,40,162,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#0d28a2', GradientType=1 );
    height: auto;
    min-height: 100%;
  }

  @media only screen and (max-width: 600px) {
    .center {
      padding: 70px 0 275px;
    }

    .background {
      height: auto;
      min-height: 100%;
    }
  }