.intro-header {
margin-top:-20px;
padding-top: 10px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
padding-bottom: 50px;
text-align: center;
color: #f8f8f8;
background: url(../img/homepage/intro-bg.jpg) no-repeat center center;
background-size: cover;
}
.intro-message {
position: relative;
padding-top: 20%;
padding-bottom: 20%;
}
.intro-message h1 {
font-family: Microsoft JhengHei;
font-weight: bold;
float: left;
margin: 0;
font-size: 5em;
color: #2086d5;
background-color: #fff;
padding:20px 20px;
opacity: 0.8;
}
.intro-divider {
width: 400px;
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.intro-message h3 {
font-family: Microsoft JhengHei;
font-weight: bold;
font-size: 24px;
float: left;
}
@media(max-width:767px) {
.intro-message {
padding-bottom: 15%;
}
.intro-message > h1 {
font-size: 3em;
}
.intro-message > h3 {
font-size: 18px;
}
ul.intro-social-buttons > li {
display: block;
margin-bottom: 20px;
padding: 0;
}
ul.intro-social-buttons > li:last-child {
margin-bottom: 0;
}
.intro-divider {
width: 100%;
}
}
.aboutusHeader {
margin-top:-20px;
text-align: center;
color: #f8f8f8;
background: url(../img/aboutus/1.jpg) no-repeat center center;
background-size: cover;
}
.newsHeader {
margin-top:-20px;
text-align: center;
color: #f8f8f8;
background: url(../img/news/newsBanner.jpg) no-repeat center center;
background-size: cover;
}
.eventsHeader {
margin-top:-20px;
text-align: center;
color: #f8f8f8;
background: url(../img/events/EventsBanner.jpg) no-repeat center center;
background-size: cover;
}
.eventsPhotoHeader {
margin-top:-20px;
text-align: center;
color: #f8f8f8;
background: url(../img/eventsPhoto/eventPhotoBanner.jpg) no-repeat center center;
background-size: cover;
}
.infoHeader {
margin-top:-20px;
text-align: center;
color: #f8f8f8;
background: url(../img/info/1.jpg) no-repeat center center;
background-size: cover;
}
.subPage-intro-message{
position: relative;
padding-top: 8%;
padding-bottom: 5%;
}
.subPage-intro-message h4 {
font-family: Microsoft JhengHei;
font-weight: bold;
font-size: 30px;
}
.subPage-intro-message h3 {
font-family: Microsoft JhengHei;
font-weight: bold;
font-size: 48px;
}