.mid { position: relative; z-index: 3; background-color:#fff;}
.mid .section { }
.mid .section .inner { max-width: 1400px; margin: auto; box-sizing: border-box; }

.mid .section.about { }
.mid .section.about .about-wrap {text-align:center; padding: 50px 100px 75px;}
.mid .about-wrap h1 {margin:0 0 45px;text-transform:uppercase; }
.mid .about-wrap > p,
.mid .about-wrap #Layout1 span > p{ font-size: 20px; line-height: 140%; margin: 0 100px; }
.mid .about-wrap h3 {font-size:20px; }
.mid .about-wrap a { }
.mid .tiles { margin:40px 0 50px;height:475px;width:100%; }
.mid .tiles .tile { border-radius: 2px; box-sizing: border-box; display: inline-block; margin-right: -4px; margin-left: 30px; width: 30%; width: calc((100% - 60px) / 3); height: 475px; overflow: hidden; vertical-align: top; position: relative; }
.mid .tiles .tile:first-child { margin-left: 0px;}
.mid .about-wrap .tiles .tile .overlay { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: none; background: rgba(0,0,0, 0.3); background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5046393557422969) 60%, rgba(0,0,0,0.6979166666666667) 70%, rgba(0,0,0,0.8547794117647058) 80%, rgba(0,0,0,0.9500175070028011) 100%); background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5046393557422969) 60%, rgba(0,0,0,0.6979166666666667) 70%, rgba(0,0,0,0.8547794117647058) 80%, rgba(0,0,0,0.9500175070028011) 100%); background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5046393557422969) 60%, rgba(0,0,0,0.6979166666666667) 70%, rgba(0,0,0,0.8547794117647058) 80%, rgba(0,0,0,0.9500175070028011) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
.mid .about-wrap .tiles .tile-text { position: absolute; bottom: 0; color: #fff; padding: 45px 25px; }
.mid .about-wrap .tiles .tile-text p{ font-size:16px;margin:0; }
.mid .about-wrap .tiles .tile-text h3{ color:#fff;font-family:Raleway, sans-serif;margin-bottom:30px;}
.mid .about-wrap .tiles img { position: absolute;min-height:100%;min-width:100%; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.mid .section.updates {background-color:#f7f7f7; }
.mid .section.updates .updates-wrap { text-align: center; padding: 75px 100px; }
.mid .updates-wrap h1 { margin: 0 0 45px; text-transform: uppercase; }
.mid .updates-wrap .tiles  {   height: auto; }
.mid .updates-wrap .tiles .tile { box-shadow: 0px 0px 25px #e1e1e1; border: 1px solid transparent; text-align: left; background-color: #fff; transition: border 0.35s 0.05s, background-color 0.35s 0.25s; padding: 35px 45px 105px; height: auto; }
.mid .updates-wrap .tiles .tile:hover { background-color: #f9f9f9; border: 1px solid #e4e4e4; transition: border 0.35s 0.05s, background-color 0.35s 0.5s; }
.mid .updates-wrap .tiles .tile:hover a.item-link { background-image: url('../image/link-hvr.png'); transition: background-image 0.5s, left 0.35s; }
.mid .updates-wrap .tiles .tile h3 { color: #252525; font-family: Raleway, sans-serif; line-height: 125%; margin: 35px 0 20px; }
.mid .updates-wrap .tiles .tile p { margin: 0; }
.mid .updates-wrap .tiles .tile a.item-link { display: inline-block; position: absolute; left: 45px; bottom: 35px; height: 35px; width: 35px; transition: background-image 0.5s, left 0.35s; border-radius: 50px; background-image: url('../image/link.png'); background-position: center; background-repeat: no-repeat; }
.mid .updates-wrap .tiles .tile a.item-link:hover { background-image: url('../image/link-hvr.png'); left:50px; transition: background-image 0.5s, left 0.35s; }

@media screen and (max-width: 1280px) {
  .mid .section.about .about-wrap { padding: 50px 50px; }
  .mid .section.updates .updates-wrap { padding: 50px 50px; }

}

@media screen and (max-width: 1152px) {
  .mid .updates-wrap .tiles .tile { padding: 30px 30px 100px; }
}

@media screen and (max-width: 960px) {
  .mid .about-wrap #Layout1 span > p { margin: 0px 25px; }
  .mid .tiles .tile { width: 100%; margin: 0 0 50px; display: block; height: 350px;  }
  .mid .tiles{height:auto;}
  .mid .about-wrap .tiles .tile-text p {  line-height: 150%; }
  .mid .about-wrap .tiles .tile-text { padding: 45px 50px;width:100%;box-sizing:border-box; }
  .mid .about-wrap .tiles .tile-text h3{margin-bottom:20px;}
  .mid .section.about .about-wrap { padding: 50px 50px 80px; }
  .mid .updates-wrap .tiles .tile { min-height: 425px; }

}

@media screen and (max-width: 769px) {
  .mid .tiles .tile { margin: 0 0 25px; }
  .mid .about-wrap .tiles .tile .overlay { background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5046393557422969) 45%, rgba(0,0,0,0.6979166666666667) 60%, rgba(0,0,0,0.8547794117647058) 75%, rgba(0,0,0,0.9500175070028011) 100%); background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5046393557422969) 45%, rgba(0,0,0,0.6979166666666667) 60%, rgba(0,0,0,0.8547794117647058) 75%, rgba(0,0,0,0.9500175070028011) 100%); background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5046393557422969) 45%, rgba(0,0,0,0.6979166666666667) 60%, rgba(0,0,0,0.8547794117647058) 75%, rgba(0,0,0,0.9500175070028011) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); }
  .mid .updates-wrap .tiles .tile { padding: 20px 20px 75px; min-height: 350px; margin: 0 0 25px; }
  .mid .updates-wrap .tiles .tile a.item-link { bottom: 20px; left: 20px; }
  .mid .updates-wrap h1 { margin: 0 0 35px; }
}


@media screen and (max-width: 640px) {
  .mid .section.about .about-wrap { padding: 50px 25px 50px; }
  .mid .section.updates .updates-wrap { padding: 50px 25px 50px; }

}


@media screen and (max-width: 480px) {
	
  .mid .about-wrap .tiles .tile-text { padding: 30px 30px; }

}


@media screen and (max-width: 372px) {
  .mid .about-wrap .tiles .tile-text { padding: 20px 20px; }
}