@charset "UTF-8";
/* CSS Document */

html *
  {
    font-size: 32px;
    font-family:Open Sans;
    color: #151515;
  }

a 
  {
    font-size: 16px;
    cursor: pointer;
    text-decoration: none; 
    color: #151515; 
  }

p
  {
    font-size: 16px;
  }

b
  {
    font-size: 16px;
  }

img 
  {
    border: none; 
  } 


*
  {
    box-sizing:border-box;
  }

.top 
  {
    font-size: 24px;
    padding:5px;
    float:left;
    width:100%; 
    height:50px;
    vertical-align:middle;
  }

.menu 
  {
    float:left;
    width:100%; 
    height:30px;
  }

.centre 
  {
    float:left;
    width:100%; 
    height: calc(100vh - 152px);
  }

.seen
  {
    padding:5px;
    font-size: 16px;
    float:left;
    width:100%; 
    height:30px;
    vertical-align:middle;
  }

.ThePic 
  {
    height: calc(100vh - 192px);
  }

.TheBan 
  {
    height:50px;
  }

.about
  {
    padding:5px;
    font-size: 16px;
    float:left;
    width:100%; 
    height:30px;
    text-align:center;
  }

.views
  {
    font-size: 16px;
    padding:5px;
    float:left;
    width:100%; 
    height:30px;
    vertical-align:middle;
    text-align:center;
  }


.Men1, .Men2, .Men3 
  {
    padding:5px;
    font-size: 12px;
    float:left;
    width:33%; 
    height:30px;
  }



@media screen and (min-width:800px) 
  {
    .Men1, .Men2, .Men3
      {
        text-align:right;
        width:100%; 
      }

    .menu 
      {
        width:20%;
        height: calc(100vh - 96px);
      }

    .centre 
      {
        width:60%; 
        height: calc(100vh - 96px);
      }

    .ThePic 
      {
        height: calc(100vh - 140px);
      }

    .about 
      {
        width:20%;
        height: calc(100vh - 96px);
        text-align:justify;
      }
  }