@charset "utf-8";
/* CSS Document */
body {
    padding: 0px;
    margin: 0px;
	display: block;
    position: relative;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
@media (max-width:10000px) and (min-width:900px) {
.content a {
    color: #00523D;
    text-decoration: none;
}
.content a:visited  {
    color: #00523D;
    text-decoration: none;
}
.content a:hover {
    color: #000000;
}
.content {
    width: 100%;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    position: relative;
    clear: both;
    color: #000000;
}
.content-contain {
    width: 95%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
    padding-top: 0px;
    position: relative;
    clear: both;
    max-width: 1400px;
}
.con-wrapper {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: [col] 25% [col] 25% [col] 25% [col] 25%  ;
    grid-template-rows: [row] auto [row] auto [row] auto [row] ;
  }

 .con-box {
    border-radius: 0px;
    padding: 0px;
  }

  .con-a {
    grid-column: col / span 3;
    grid-row: row ;
	  text-align: left;
  }
  .con-b {
    grid-column: col 4 / span 1;
    grid-row: row;
    text-align: left;
  }
  .con-c {
    grid-column: col 3 / span 1;
    grid-row: row;
    text-align: left;
  }
 
  .con-d {
    grid-column: col 4 / span 3 ;
    grid-row: row  ;
	  text-align: left;
  }

  .con-e {
    grid-column: col / span 4;
    grid-row: row 3;
  }	
}
@media (max-width:900px) and (min-width:100px) {	
.content a {
    color: #00523D;
    text-decoration: none;
}
.content a:visited  {
    color: #00523D;
    text-decoration: none;
}
.content a:hover {
    color: #000000;
}
.content {
    width: 100%;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    position: relative;
    clear: both;
    color: #000000;
}
.content-contain {
    width: 95%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: block;
    padding-top: 0px;
    position: relative;
    clear: both;
    max-width: 1400px;
}
.con-wrapper {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: [col] 25% [col] 25% [col] 25% [col] 25%  ;
    grid-template-rows: [row] auto [row] auto [row] auto [row] ;
  }

 .con-box {
    border-radius: 0px;
    padding: 0px;
  }

  .con-a {
    grid-column: col / span 4;
    grid-row: row ;
	  text-align: left;
  }
  .con-b {
    grid-column: col 1 / span 4;
    grid-row: row 2;
    text-align: left;
  }
  .con-c {
    grid-column: col 3 / span 1;
    grid-row: row;
    text-align: left;
  }
 
  .con-d {
    grid-column: col 4 / span 3 ;
    grid-row: row  ;
	  text-align: left;
  }

  .con-e {
    grid-column: col / span 4;
    grid-row: row 3;
  }	
	}