.sf-overlay-content {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.sf-overlay {
opacity: 1;
background: rgba(99, 99, 99, 0.8);
height: 100%;
width: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
text-align: center;
overflow: hidden;
z-index: 9;
display: none;
}
a:hover {
text-decoration:none;
}
.esop {
padding: 20px 0px;
}
img.img-bottom, img.img-top {
width: 100%;
}
.esop-hover-img {
position: relative;
display: inline-block;
padding-left:0px;
padding-right:0px;
}
.esop-hover-img .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 98;
}
.esop-hover-img:hover .img-top {
display: inline;
}
/*h3.name {
transform: rotate(270deg);
text-align: left;
position: absolute;
bottom: 0;
left: 20%;
z-index: 99;
letter-spacing: 3px;
font-size: 22px;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: left bottom;
-moz-transform: rotate(270deg);
-moz-transform-origin: left bottom;
-ms-transform: rotate(270deg);
-ms-transform-origin: left bottom;
-o-transform: rotate(270deg);
-o-transform-origin: right top;
transform-origin: left bottom;
}*/
@media screen and (max-width: 480px) {
h3.name {
bottom: 4%;
left: 20%;
font-size: 16px;
}
}
hr.dept {
border: #d9d9d9 1px solid;
border-bottom: none;
border-right: none;
border-left: none;
}
h2.dept {
margin: 4rem 0 3rem;
}
.sf-overlay-content {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.sf-overlay {
opacity: 1;
background: rgba(99, 99, 99, 0.8);
height: 100%;
width: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
text-align: center;
overflow: hidden;
z-index: 9;
display: none;
}
a:hover {
text-decoration:none;
}
.esop {
padding: 20px 0px;
}
img.img-bottom, img.img-top {
width: 100%;
}
.esop-hover-img {
position: relative;
display: inline-block;
padding-left:0px;
padding-right:0px;
}
.esop-hover-img .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 98;
}
.esop-hover-img:hover .img-top {
display: inline;
}
/*h3.name {
transform: rotate(270deg);
text-align: left;
position: absolute;
bottom: 0;
left: 20%;
z-index: 99;
letter-spacing: 3px;
font-size: 22px;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: left bottom;
-moz-transform: rotate(270deg);
-moz-transform-origin: left bottom;
-ms-transform: rotate(270deg);
-ms-transform-origin: left bottom;
-o-transform: rotate(270deg);
-o-transform-origin: right top;
transform-origin: left bottom;
}*/
@media screen and (max-width: 480px) {
h3.name {
bottom: 4%;
left: 20%;
font-size: 16px;
}
}
hr.dept {
border: #d9d9d9 1px solid;
border-bottom: none;
border-right: none;
border-left: none;
}
h2.dept {
margin: 4rem 0 3rem;
}
.sf-overlay-content {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.sf-overlay {
opacity: 1;
background: rgba(99, 99, 99, 0.8);
height: 100%;
width: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
text-align: center;
overflow: hidden;
z-index: 9;
display: none;
}
a:hover {
text-decoration:none;
}
.esop {
padding: 20px 0px;
}
img.img-bottom, img.img-top {
width: 100%;
}
.esop-hover-img {
position: relative;
display: inline-block;
padding-left:0px;
padding-right:0px;
}
.esop-hover-img .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 98;
}
.esop-hover-img:hover .img-top {
display: inline;
}
/*h3.name {
transform: rotate(270deg);
text-align: left;
position: absolute;
bottom: 0;
left: 20%;
z-index: 99;
letter-spacing: 3px;
font-size: 22px;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: left bottom;
-moz-transform: rotate(270deg);
-moz-transform-origin: left bottom;
-ms-transform: rotate(270deg);
-ms-transform-origin: left bottom;
-o-transform: rotate(270deg);
-o-transform-origin: right top;
transform-origin: left bottom;
}*/
@media screen and (max-width: 480px) {
h3.name {
bottom: 4%;
left: 20%;
font-size: 16px;
}
}
hr.dept {
border: #d9d9d9 1px solid;
border-bottom: none;
border-right: none;
border-left: none;
}
h2.dept {
margin: 4rem 0 3rem;
}
IN THE NEWS
.sf-overlay-content {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.sf-overlay {
opacity: 1;
background: rgba(99, 99, 99, 0.8);
height: 100%;
width: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
text-align: center;
overflow: hidden;
z-index: 9;
display: none;
}
a:hover {
text-decoration:none;
}
.esop {
padding: 20px 0px;
}
img.img-bottom, img.img-top {
width: 100%;
}
.esop-hover-img {
position: relative;
display: inline-block;
padding-left:0px;
padding-right:0px;
}
.esop-hover-img .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 98;
}
.esop-hover-img:hover .img-top {
display: inline;
}
/*h3.name {
transform: rotate(270deg);
text-align: left;
position: absolute;
bottom: 0;
left: 20%;
z-index: 99;
letter-spacing: 3px;
font-size: 22px;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: left bottom;
-moz-transform: rotate(270deg);
-moz-transform-origin: left bottom;
-ms-transform: rotate(270deg);
-ms-transform-origin: left bottom;
-o-transform: rotate(270deg);
-o-transform-origin: right top;
transform-origin: left bottom;
}*/
@media screen and (max-width: 480px) {
h3.name {
bottom: 4%;
left: 20%;
font-size: 16px;
}
}
hr.dept {
border: #d9d9d9 1px solid;
border-bottom: none;
border-right: none;
border-left: none;
}
h2.dept {
margin: 4rem 0 3rem;
}
.sf-overlay-content {
position: absolute;
width: 100%;
text-align: center;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.sf-overlay {
opacity: 1;
background: rgba(99, 99, 99, 0.8);
height: 100%;
width: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
text-align: center;
overflow: hidden;
z-index: 9;
display: none;
}
a:hover {
text-decoration:none;
}
.esop {
padding: 20px 0px;
}
img.img-bottom, img.img-top {
width: 100%;
}
.esop-hover-img {
position: relative;
display: inline-block;
padding-left:0px;
padding-right:0px;
}
.esop-hover-img .img-top {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 98;
}
.esop-hover-img:hover .img-top {
display: inline;
}
/*h3.name {
transform: rotate(270deg);
text-align: left;
position: absolute;
bottom: 0;
left: 20%;
z-index: 99;
letter-spacing: 3px;
font-size: 22px;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: left bottom;
-moz-transform: rotate(270deg);
-moz-transform-origin: left bottom;
-ms-transform: rotate(270deg);
-ms-transform-origin: left bottom;
-o-transform: rotate(270deg);
-o-transform-origin: right top;
transform-origin: left bottom;
}*/
@media screen and (max-width: 480px) {
h3.name {
bottom: 4%;
left: 20%;
font-size: 16px;
}
}
hr.dept {
border: #d9d9d9 1px solid;
border-bottom: none;
border-right: none;
border-left: none;
}
h2.dept {
margin: 4rem 0 3rem;
}
