p{
            font-family: times;
        }
        header{
             padding: 10px;
            text-align:center;
            font-size: 15px;
            color:white; 
            position:fixed;
        }
        ul{
            list-style-type: none;
            position:fixed;
            margin:0px;
            padding:0px;
            overflow:hidden;
            background-color:rgb(123, 160, 219);
        }
        li{
            float:left;
            
        }
        li a{
            display: block;
            color:white;
            text-align:center;
            padding: 10px; 10px;
            text-decoration:none;
            border-right:1px solid #ffffff;
        }
        li a:hover:not(.active) {
          background-color: #111;
        }
        .active{
            background-color:rgb(194, 217, 255);
        }
        * {
          box-sizing: border-box;
        }
        article {
          float: left;
          padding: 40px;
          margin:50px;
          width: 100%;
          background-color: rgb(179, 204, 255);
          height: 100%
        }
        
        /* Clear floats after the columns */
        section::after {
          content: "";
          display: table;
          clear: both;
        }
        
        /* Style the footer */
        footer {
          position:fixed;
          bottom:0;
          right:0;
          width:100%;
          background-color:rgb(123, 160, 219);
          padding: 5px;
          text-align: right;
          color: white;
        }
         a{
            display: block;
            color:white;
            text-align:center;
            padding: 10px; 10px;
            text-decoration:none;
            border-right:1px solid #ffffff;
        }
        section::after {
          content: "";
          display: table;
          clear: both;
        }
        .column {
          float: left;
          width: 33.33%;
          padding: 30px;
          height: 300px; 
          position:inherit;
   
        }
        .column.side{
            width:25%;
        }
        .column.middle{
            width: 50%;
        }
        .submit{
            clear: left;
            position:absolute;
        }

    /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
    @media screen and (max-width: 600px) {
      .column.side, .column.middle {
        width: 100%;
      }
       a:link {
              color: white;
            }
            
            /* visited link */
            a:visited {
              color: white;
            }
            
            /* mouse over link */
            a:hover {
              color: black;
            }
            
            /* selected link */
            a:active {
              color: violet;
            }
                 .label1 {
            text-align: right;
            height: 80px;
            padding-top: 30px;
            width: 100px;
            float: left;
            padding: 35px;
            margin-right: 10px;
          }
          .caption{
              font-family:georgia;
              color:white;
              text-decoration:middle;
          }
          h5{
              color:rgb(55, 130, 250);
          }
          .contact{
            color:white;
            float:left;
            position:absolute;  
            padding:20px; 
          }