body {
  margin: 0px;
}
#site_center {
  text-align: center;
}
#header,
#footer_main,
#formbox_main {
  margin: 0 auto;
  max-width: 1400px;
  text-align: left;
  box-shadow: 2px 40px 40px rgba(0, 0, 0, 0.2);
}
#header,
#content,
#footer {
  /* width: 100%; */
}

/*.min_width {min-width:766px;}*/

/*You can modify the width of the website by changing "width" parameter with #main, #footer. The minimum value is 766px.*/

.col_1,
.col_2,
.col_box_1,
.col_box_2 {
  float: left;
}

/*======= index.html =======*/
#page1 #content .col_1 {
  width: 50%;
}
#page1 #content .col_2 {
  width: 49%;
}
/*=========================*/

/*======= index-1.html =======*/
#page2 #content .col_1 {
  width: 39%;
}
#page2 #content .col_2 {
  width: 60%;
}
/*=========================*/

/*======= index-2.html =======*/
#page3 #content .col_1 {
  width: 67%;
}
#page3 #content .col_2 {
  width: 33%;
}
/*=========================*/

/*======= index-3.html =======*/
#page4 #content .col_1 {
  width: 39%;
}
#page4 #content .col_2 {
  width: 60%;
}
/*=========================*/

/*======= index-4.html =======*/
#page5 #content .col_1 {
  width: 67%;
}
#page5 #content .col_2 {
  width: 33%;
}
/*=========================*/

/*======= index-5.html =======*/
#page6 #content .col_1 {
  width: 39%;
}
#page6 #content .col_2 {
  width: 60%;
}
/*=========================*/

/*======= index-6.html =======*/
#page7 #content .col_1 {
  width: 67%;
}
#page7 #content .col_2 {
  width: 33%;
}
/*=========================*/

/*======= responsive =======*/
@media all and (max-width: 1000px) {
  .min_width {
    min-width: 320px;
  }

  #site_center {
    height: 100% !important;
  }

  #main {
    width: 100% !important;
  }

  #static img {
    width: 100%;
    margin-left: 0px;
  }

  #content {
    height: 100%;
  }

  .indent {
    width: 92% !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
  }

  #footer_main {
    width: 100%;
  }

  #formbox_main {
    width: 100%;
  }

  #programtable {
    width: 100%;
  }

  /* responsive for contact - table -form */
  #page1 .text form table,
  #page1 .formtext form table,
  #page1 .programtable table {
    display: block;
    width: 90%;
    text-align: left;
  }
  #page1 .text form table tr,
  #page1 .formtext form table tr,
  #page1 .programtable table tr {
    display: block;
    width: 90%;
  }

  #page1 .text form table tr td,
  #page1 .formtext form table tr td,
  #page1 .programtable table tr td {
    display: inline-block;
    margin-right: 15px;
  }

  #page1 .text form table tr td textarea {
    width: 90% !important;
  }
  /* end of responsive for contact - table -form */

  #page1 .sec_col1 {
    width: 100% !important;
    margin-left: 0px;
  }

  #page1_page .sec_col2 {
    width: 100% !important;
    float: left;
  }

  #page1 .disclaimer {
    margin-bottom: 20px;
    width: 90%;
    height: 100% !important;
    margin-left: 25px !important;
  }
}

@media all and (max-width: 585px) {
  #Image1,
  #Image2,
  #Image3,
  #Image4,
  #Image5 {
    width: 33%;
  }

  #header .text {
    width: 90% !important;
    text-align: left;
    margin: 0;
    margin-top: 40px;
  }

  #timeline img {
    width: 100%;
    margin-left: 0px;
  }

  #map-canvas {
    width: 280px !important;
  }

  #emailgif img {
    width: 90%;
  }

  #page1 .sec_col1 {
    margin-top: 30px;
  }
}
/*=========================*/