School of Energy and Electronics Technology
I will not be powerless in my future career.
/* ----------------------------------------- */
/* View slug: energy-and-electronics-technology - start */
/* ----------------------------------------- */
.school-of-cards {
width: 100%;
margin: 0 auto 0;
float: left;
clear: both;
}
/* ----------------------------------------- */
/* View slug: energy-and-electronics-technology - end */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Content Template: template-for-pages - start */
/* ----------------------------------------- */
.text-image-header {
width: 100%;
position: relative;
min-height: 464px;
}
.image-header .site-inner {
margin-top: 0px !important;
padding-top: 0px;
}
.diagonal .text-image-header {
transform: skewY(-4deg);
transform-origin: top left;
}
.text-image-header:before {
content: ' ';
position: absolute;
width: 100%;
height:100%;
top:0;
left:0;
background: #000;
opacity: 0.3;
transition: all 1s;
-webkit-transition: all 1s;
}
.header-text {
position: relative;
max-width: 800px;
margin: 0 auto 0;
padding-top: 8%;
transform: skewY(4deg);
transform-origin: top left;
}
.header-text h1, .header-text p {
color: #fff;
text-align: center;
text-shadow: 1px 1px 3px #000;
}
.header-text h1 {
font-size: 4.8rem;
font-size: 48px;
}
.header-text p {
font-size: 2.2rem;
font-size: 22px;
}
@media only screen and (max-width: 1140px) {
.text-image-header {
min-height: 364px;
}
.header-text {
max-width: 90%;
padding-top: 80px;
}
}
@media only screen and (max-width: 960px) {
.text-image-header {
min-height: 364px;
}
.header-text {
max-width: 90%;
padding-top: 40px;
}
}
@media only screen and (max-width: 767px) {
.text-image-header {
min-height: 300px;
}
.header-text {
max-width: 94%;
}
}
@media only screen and (max-width: 600px) {
.header-text {
max-width: 98%;
padding-top: 10px;
}
}
/* ----------------------------------------- */
/* Content Template: template-for-pages - end */
/* ----------------------------------------- */