#header{
        margin:0px;
        border:1px solid;
       border-color:white;
       padding:-10;
       background-color:white;
       color:rgb(81, 148, 214);
       text-align:center;
       font-family:"Arial";
       font-weight:bold;
       font-size:1em;
       width:auto;
       height:14vh;
       min-height:100px;
       overflow:hidden;
      }
#logo
    { 
      height:100%;
      width:52%;
      padding-left:170px;
      margin-left:0px;
      text-align:left;
      position:relative;
      float:left;
    }

#name
   {
      height:100%;
      width:15%;
      text-align:left;
      float:left;
   }

#logoRight
   {
      height:100%;
      width:23%;
      text-align:right;
      position:relative;
      float:left;
   }

#content
     {
      margin:0px;
      border:1px solid;
      border-color:white; 
      height:64vh;
      overflow:hidden;
     }
#writing
   {
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-left:25px;
      padding-top:40px;
      height:100%;
      width:55%;
      font-family:segoe script, verdana;
      font-styl:italic;
      font-size:8em;
      color:rgb(22, 125, 242);
      text-align:center;
      float:left;
   }
#picture
{
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-top:30px;
      height:100%;
      width:45%;
      font-family: verdana;
      font-type:italic;
      font-size:1em;
      color:rgb(22, 125, 242);
      text-align:left;
      align:left;
      float:left;
      overflow:auto
   }
#footer
 
   {
    border:1px solid;
    border-color:white;
    background-color:white;
    text-align:center;
    height:20vh;
   }

#cont1

  {
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-left:0px;
      padding-top:30px;
      height:100%;
      width:10%;
      align:center;
      float:left;
  }


#cont2

  {
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-left:0px;
      padding-top:30px;
      height:100%;
      width:20%;
      align:center;
      float:left;
  }


#cont3

  {
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-left:0px;
      padding-top:30px;
      height:100%;
      width:20%;
      align:center;
      float:left;
  }


#cont4

  {
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-left:0px;
      padding-top:30px;
      height:100%;
      width:20%;
      align:center;
      float:left;
  }


#cont5

  {
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-left:0px;
      padding-top:30px;
      height:100%;
      width:20%;
      align:center;
      float:left;
  }

#cont6

  {
      border:1px solid;
      border-color:white;
      box-sizing:border-box;
      padding-left:0px;
      padding-top:30px;
      height:100%;
      width:10%;
      align:center;
      float:left;
  }