h1
{ 
    color: rgb(251, 252, 251);
    text-align: center;
}
h2
{ 
    color: rgb(251, 252, 251);
    text-align: center;
}
h3
{ 
    color: rgb(104, 5, 30);
    text-align: center;
    /*background-color: rgb(150, 172, 241);*/
    margin: 1px;
    padding: 0%;
}
h4
{ 
    color:rgb(231, 227, 236);
    text-align: center;
  
}
body
{
  background-color: rgb(238, 238, 147);
}

tbody tr:nth-child(odd) {
    background-color: #e2a0f7;
  }
  
  tbody tr:nth-child(even) {
    background-color: #fdfb72;
  }

  table,th,td{
        border: 1 px solid;
        border-color: black;     
  }
  td{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
  }

  div.PATEL
  {
    background-color: #e495e4 ;
    width: 23%;
    height: 200px;
    float: left;
    font-family: 'Times New Roman', Times, serif;
    font-size: 30px;
  }
  div.inder
  {
    background-color: rgba(0, 119, 255, 0.486);
    width: 24.65%;
    height: 100px;
    float: left;
    margin: 2px;
    text-align: center;
    font-size: 30px;
    color: #faf3f8;
  }
  div#address{
    background-color: rgba(0, 119, 255, 0.486);
    color: azure;
    font-size: larger;
    
  }
  button{
   background-color:rgb(103, 8, 167);
   text-decoration: none;
   padding: 0%;
   margin: 2px;
   width: 250px;
   height: 50px;
   font-weight: bold;
  }
 
  
  div.first{
    background-color: rgba(177, 148, 18, 0.445);
    border: #f1e7ef solid;
    float: left;
    margin: 2px;
    height: 500px;
    width: 434.2px;

  }
  div.second{
    background-color: rgba(177, 148, 18, 0.445);
    border: #f1e7ef solid;
    float: left;
    margin: 2px;
    height: 950px;
    width: 434.2px;
  }

  div.bottom{
    background-color: rgba(177, 148, 18, 0.445);
    border: #85036b solid;
    color: #85036b;
  }

  div.borsad{
    background-color: pink;
    border: 5px solid;
    float: left;
    margin: 24px;
    height: 1200px;
    width: 600px;
  }
  div.borsad2{
    background-color: pink;
    border: 5px solid;
    float: left;
    margin: 30px;
    height: 600px;
    width: 570px;
  }
  div.display{
    background-color: rgba(2, 92, 62, 0.815);
    float: left;
    width: 160px;
    height: 280px;
    margin: 9px;
    margin-left: 50px;
    margin-top: 5px;
      }
      div.displays{
        /*background-color: rgba(2, 92, 62, 0.815);*/
        float: left;
        width: 300px;
        height: 280px;
        margin: 15px;
        margin-left: 100px;
        margin-top: 5px;
          }
      div.service{
        background-color: rgb(6, 167, 113);
        color: antiquewhite;
        font-size: larger;
        float: left;
        width: 280px;
        height: 200px;
        margin: 25px;
          }
          div.services{
            background-color: rgb(6, 17, 167);
            color: antiquewhite;
            font-size: larger;
            float: left;
            width: 450px;
            height: 300px;
            margin: 25px;
              }
      
      div.Photos{
        background-color: #e495e4;
        float: left;
        margin: 1px;
         }
      div.Outside{
          background-color: rgb(235, 232, 91);
          float: left;
        }
        div.middle{
          background-color: rgba(169, 233, 20, 0.644);
          color: #faf3f8;
          font-size: 20px;
          width: 24.65%;
          float:left;
          margin: 2px;
        }
        div.fcontainer{
          display: flex;
          border: 2px solid;
          /*height: 45vh;
          flex-direction: column;
          justify-content: flex-end;
          justify-content: flex-start;
          justify-content: center;
          align-items: center
          align-items: flex-end;
          align-items:flex-start ;
          justify-content: space-evenly;
          justify-content: space-between;*/
          flex-wrap: wrap;
          flex-flow:column wrap;

        }
        div.fitem{
          background-color: #ff33cc;
          margin: 4px;
          border: 2px solid;
          height: 125px;
          width: 250px;
        }

        .container{
          display: grid;
          height: 100vh;
          grid-template-columns: 1fr 1fr 1fr 1fr;
          grid-template-rows: 0.2fr 1.5fr 1.2fr 0.8fr;
          grid-template-areas:
           "nav nav nav nav"
           "sidebar main main main"
           "sidebar content1 content2 content3"
           "sidebar footer footer footer";
           grid-gap:0.2rem;
      }
      nav{
          background-color: aqua;
          grid-area: nav;
      }
      main{
          background-color: rgb(150, 150, 236);
          grid-area: main;
      }
      #sidebar{
          background-color: rgb(150, 150, 236);
          grid-area: sidebar;
      }
      #content1{
          background-color: rgb(150, 150, 236);
          grid-area: content1;
      }
      #content2{
          background-color: rgb(150, 150, 236);
          grid-area: content2;
      }
      #content3{
          background-color: rgb(150, 150, 236);
          grid-area: content3;
      }
      footer{
          background-color: rgb(150, 150, 236);
          grid-area: footer;
          color: beige;
      }
      @media only screen and (max-width : 550px){
          .container{
              grid-template-columns: 1fr;
              grid-template-rows: 0.4fr 0.4fr 2.2fr 1.2fr 1.2fr 1.2fr 1.0fr;
              grid-template-areas: 
             "nav"
             "sidebar"
              "main"
              "content1"
              "content2"
              "content3"
              "footer";
              ;
          }
      }
      div.middle{
          background-color: rgba(131, 57, 14, 0.644);
          color: #faf3f8;
          font-size: 20px;
          width: 100%;
         /*float:left;
          margin: 2px;*/
        }
        button{
          background-color:rgba(107, 105, 4, 0.911);
          color: #faf3f8;
          text-decoration: none;
          padding: 0%;
          margin: 2px;
          width: 250px;
          height: 50px;
          font-weight: bold;
         }
         div.inder
        {
          background-color: rgba(131, 57, 14, 0.644);
          width: 100%;
          height: 100px;
         /* float: left;*/
          margin: 2px;
          text-align: center;
          font-size: 30px;
          color: #faf3f8;
        }
        h4{
          color: #faf3f8;
        }
        #news{
         text-align: center;
          margin-top: 40%;
        }
        div.profile
        {
          float: left;
          margin-left: 10px;
          padding: 10px;
        }
 #special{
  margin: 10px solid red;
  width: 250px;
  height: 30vh;
  background-color: #e2a0f7;
 }
    .foundation{
      background-color: #045e0c;
    }  
    div.scontainer{
      display: flex;
      border: 2px solid gray;
      height: 60vh;
      align-items: start;
      justify-content: space-around;
      flex-direction: row;
      flex-wrap: wrap;
   }
   
   div.aflexbox{
   background-color: rgb(11, 73, 155);
   margin: 2px;
   border: 2px solid blue;
   width: 300px;
   height: 200px;
   color: #f1e7ef;
   margin-top: 40px;
   }