html{
        background-color: #666666;
      }
      body{
      min-width: 300px;
      margin: 0px;
      width: 100%;
      //border: 1px solid #000000;
      }

      /** CSS for the header image and all its texts and formatting **/
      /** coverimgfont is the larger header while imgdescfont is the smaller description font **/
      .coverimgFont{
        font-family: 'Aldrich', sans-serif;
        font-size: 28px;
        padding-bottom: 30px;
      }

      .coverimgDescFont{
        font-family: 'Aldrich', sans-serif;
        font-size: 26px;
      }

      .whitebox{
        width: 45%;
        height: 190px;
        position: absolute;
        left: 7%;
        top: 300px;
        text-align: center;
        display: table;
        min-width: 280px;
        color: #FFFFFF;
      }

      /** innerboxtext is the holder for the text inside the white box **/
      .innerboxtext{
        padding-bottom: 30px;
        display: table-cell;
        vertical-align: middle;
      }

      /** The main Header Image CSS  **/
      .mainimage{
        background: url("/kgt/img/homeimg2.jpg")no-repeat center center;
        margin-top:  70px;
        width: 100%;
        height: 500px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size :cover;
        background-color: #B3B3B3;
      }


      .servicesContentContainer{
        width: 100%;
        min-height: 800px;
        background-color: #666666;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size :cover;
        padding-top: 10px;
        padding-bottom: 60px;
      }


      .servicesContentDataContainer{
        width: 100%;
  //            border: 1px solid #00FF00;
        min-height: 250px;
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        padding: 40px 20px;
       -webkit-box-sizing:border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       text-align: center;
      }

      .servicesContentDataImage{
        width: 250px;
        height: 230px;
        flex: 0 0 auto;
      }


      .servicesContentDataTable{
        display: flex;
        vertical-align: top;
        margin-left: auto;
        margin-right: auto;
  //            border: 1px solid #FF00FF;
        flex: 1 1 auto;
      }
      .servicesContentDataTable th{
        font-size: 26px;
        font-weight: normal;
        font-family: 'Aldrich', sans-serif;
  //            border: 1px solid #FF0000;
        padding-top: 20px;
        color: #FFFD71;
      }

      .servicesContentDataTable td{
        padding-top: 30px;
        font-size: 16px;
        font-family: 'Electrolize', sans-serif;
  //            border: 1px solid #FFFF00;
      color: #F3F3F3;
      line-height: 1.5em;
      }

      .textAlignLeft{
        text-align: justify;
      }
      .textAlignRight{
        text-align: justify;
      }
      .buttonAlignLeft{
        text-align: center;
      }
      .buttonAlignRight{
        text-align: center;
      }

      .headingAlignLeft{
      }
      .headingAlignRight{
      }

      .lightBG{
        background-color: #999999;
      }

      .darkBG{
        background-color: #666666;
      }

      /** Formatting for the self made buttons for enquiries or submit **/
      .actionButton {
        border: 2px solid #FFFD71;
        -webkit-border-radius: 10;
        -moz-border-radius: 10;
        border-radius: 10px;
        font-family: 'Aldrich', sans-serif;
        color: #FFFD71;
        font-size: 15px;
        padding: 10px 25px 10px 25px;
        text-decoration: none;
      }

      .actionButton:hover {
        border: 2px solid #FDCA2E;
        color: #FDCA2E;
        text-decoration: none;
      }

    .bodyHeader{
      font-family: 'Aldrich', sans-serif;
      font-size: 28px;
      padding-top: 40px;
      color: #FFFD71;
      text-align: center;
    }



    @media only screen and (min-width: 790px) {

      .servicesContentDataContainer{
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 50px;
      }
      .servicesContentDataImage{
        width: 300px;
        height: 280px;
      }
      .servicesContentDataTable{
        margin-left: 30px;
        margin-right: 30px;
      }
      .textAlignLeft{
        padding-left: 50px;
        text-align: left;
      }
      .textAlignRight{
        padding-right: 50px;
        text-align: right;
      }
      .headingAlignLeft{
        padding-left: 50px;
        text-align: left;
      }
      .headingAlignRight{
        padding-right: 50px;
        text-align: right;
      }
      .buttonAlignLeft{
        padding-left: 50px;
        text-align: left;
      }
      .buttonAlignRight{
        padding-right: 50px;
        text-align: right;
      }
      .order1{
        order: 1;
        justify-content: flex-end;
      }
      .order2{
        order: 2;
      }

      .coverimgFont{
        font-size: 36px;
      }

      .mainimage{
        height: 620px;
      }
      .whitebox{
        left: 100px;
        top: 380px;
      }
      .bodyHeader{
        font-size: 36px;
      }

      .servicesContentDataTable th{
        padding-top: 0px;
      }
    }