body,
	html {
		height: 100%
		font-family: "Myriad-Pro-n4","Myriad-Pro",sans-serif;
	}
	a {
     color: #00418;
	}
	#header-wapper {
	background-color: #004181;
	}
	#header {
    max-width: 1000px;
    margin: 0px auto auto auto;
	background-color: #004181;
	}
	#header #logo {
		font-size: 29px;
		font-weight: 700;
		color: #FFFFFF;
		padding: 10px 0px;
	}
	.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: left ;
	margin-left: 5%;
	}
	.item .slide-data h3 {
		font-size: 32px;
		font-weight: Regular;
		margin: 0px;
		padding: 0px;
		}
	.item .slide-data p {
		font-size: 15px;
		color: #6d7375;
		line-height: 17px;
	}
	h2 {
    color: #004181;
    text-transform: uppercase;
    font-size: 24px;
	font-weight:strong;
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
    padding-left: 15px;
	}
	h2 a {
    float: right;
    color: #ff6600;
    font-style: italic;
    text-transform: none;
    text-decoration: none;
	}
	
	#wrapper {
    max-width: 1000px;
    margin: auto;
    border: solid 1px #e3e3e3;
    padding: 0px 20px 0px 0px;
	}
	
	.side-sec h2{
	color: #004181;
    border-left: solid 15px #004181;
    text-transform: uppercase;
    font-size: 18px;
	font-weight: 400;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    padding-left: 15px;
	}
	
   .spire-wrapper-outer {
    padding-left: 20px;
	}
	
	.spire-wrapper-outer .panel {
    background: #f2f2f2;
    border: solid 1px #e6e6e6;
	margin: 0 0 1.5em;
    padding: 20px;
	}
	
	.spire-wrapper-outer h2 {
    color: #003d7c;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
	}
	
	.spire-wrapper-outer h4 {
    font-size: 24px;
    font-weight: 400;
	}
	
	.spire-wrapper-outer b {
    font-size: 16px;
    font-weight: 400;
	}
	.spire-wrapper-outer p {
    font-family: "Myriad-Pro-n4","Myriad-Pro",sans-serif;
    color: #848d91;
    line-height: 20px;
    font-size: 17px;
	}
	
	.item-page p a {
		color: #00418;
	}
	.item-page h2 {
		display: hide;
	}
	.item-page ul {
		display: hide;
	}
	<!------Codepen------>
.at-section__title {
  margin: 0 0 70px;
  color: #000;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 2.625rem;
  text-align: center;
}
.at-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #FFF;
  border: 1px solid #E2E9ED;
}
.at-grid[data-column="1"] .at-column {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.at-grid[data-column="2"] .at-column {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.at-grid[data-column="3"] .at-column {
  width: 33.33333%;
  max-width: 33.33333%;
  min-width: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
}
.at-grid[data-column="4"] .at-column {
  width: 25%;
  max-width: 25%;
  min-width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.at-grid[data-column="5"] .at-column {
  width: 20%;
  max-width: 20%;
  min-width: 20%;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.at-grid[data-column="6"] .at-column {
  width: 16.66667%;
  max-width: 16.66667%;
  min-width: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%;
}
.at-grid[data-column="7"] .at-column {
  width: 14.28571%;
  max-width: 14.28571%;
  min-width: 14.28571%;
  -ms-flex-preferred-size: 14.28571%;
      flex-basis: 14.28571%;
}
.at-grid[data-column="8"] .at-column {
  width: 12.5%;
  max-width: 12.5%;
  min-width: 12.5%;
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
}
.at-grid[data-column="9"] .at-column {
  width: 11.11111%;
  max-width: 11.11111%;
  min-width: 11.11111%;
  -ms-flex-preferred-size: 11.11111%;
      flex-basis: 11.11111%;
}
.at-column {
  z-index: 0;
  position: relative;
  background: #FFF;
  box-shadow: 0 0 0 1px #E2E9ED;
  padding: 10px;
  box-sizing: border-box;
  -webkit-transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
}
.at-column:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.at-column:hover {
  z-index: 1;
  box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
}
.at-column:hover .at-social {
  margin: 16px 0 0;
  opacity: 1;
}
@media (max-width: 800px) {
  .at-column {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
  }
}
@media (max-width: 600px) {
  .at-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
}
.at-user {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
}
.at-user a {
	text-decoration: none;
}
.at-user__avatar {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  margin: 0 auto 20px;
  overflow: hidden;
}
.at-user__avatar img {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}
.at-user__name {
  color: #003366;
  font-size: 18px;
  line-height: 2.5rem;
}
.at-user__title {
  color: #222;
  font-size: 14px;
  line-height: 1.5rem;
}
.at-social {
  margin: 0 0 -18px;
  opacity: 0;
  -webkit-transition: margin 0.2s ease, opacity 0.2s ease;
  transition: margin 0.2s ease, opacity 0.2s ease;
}
.at-social__item {
  display: inline-block;
  margin: 0 10px;
}
.at-social__item a {
  display: block;
}
.at-social__item svg {
  fill: #515F65;
  display: block;
  height: 18px;
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}
.at-social__item svg:hover {
  fill: #788D96;
}
table {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 18px;
    border: 1px solid #ddd;
}
table thead, table tfoot {
    background: #f5f5f5;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
    display: table-cell;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
}
table thead tr th, table tfoot tr td {
    padding: 8px 10px 9px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
}
table thead tr th:first-child, table tfoot tr td:first-child {
    border-left: none;
}
table thead tr th:last-child, table tfoot tr td:last-child {
    border-right: none;
}
table tbody tr.even, table tbody tr.alt {
    background: #f9f9f9;
}
table tbody tr:nth-child(even) {
    background: #f9f9f9;
}
table tbody tr td {
    color: #333;
    padding: 9px 10px;
    vertical-align: top;
    border: none;
}
#divCenterPane table {
    background: #fff;
    border: 1px solid #aeadad;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%}
#divCenterPane table tbody tr td {
    padding: 10px;
    border: 1px solid #aeadad;
    color: #000;
}
#divCenterPane table tbody tr:nth-child(even) {
    background: #f1f0f0;
}
#divCenterPane table tbody tr:nth-child(odd) {
    background: #f9f9f9;
}
#divCenterPane table tbody tr:nth-child(1) {
    background: #003366;
}
#divCenterPane table tbody tr:nth-child(1) td {
    color: #fff;
    vertical-align: middle !important;
}