style.css

* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    }

    body {
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #F1F1F1;

    }
    .header {
       width: 100%;
       height: 110px;
       background-color: #F1F1F1;
        text-align: center;
        padding: 20px;
        border-bottom: 7px solid white;


    }

    .header h4{
        text-align: center;
        color: rgb(18, 18, 18);
    }
    .nav {
        width: 100%;
        height: 110px;
        background-color: #F1F1F1;
         text-align: center;
         padding: 20px;
         border-bottom: 7px solid white;
 
 
     }
 
     .nav h4{
         text-align: center;
         color: rgb(18, 18, 18);
     }

     .container{
        width: 100%;
        height: 300px;
        border-bottom: 7px solid white;
     }
     .container>.con{
       display: inline-block; 
        width: 33%;
        height: 100%;
        text-align: center;
        padding: 20px;

     }
     .container>.con1{
        border-right: 5px solid white;
        width: 24%;
 
      }
      .container>.con2{
        border-right: 5px solid white;
        width: 49%;
 
      }
      .container>.con3{
        width: 24%;
 
      }
      
     

     .footer {
        width: 100%;
        height: 80px;
        background-color: #F1F1F1;
        text-align: center;
        padding: 10px;
        border-bottom: 7px solid white;
 
 
     }
 
     .footer h4{
        text-align: center;
        color: rgb(18, 18, 18);
     }