Template:Concordia/CSS/homepage parallax
.container1 {
max-width: 960px; margin: 0;
} /* ============================================================
SECTIONS
============================================================ */ section.module:last-child {
margin-bottom: 0;
} section.module h2 {
/* margin-bottom: 40px; */ font-family: "Roboto Slab", serif; font-size: 30px;
} section.module p {
margin-bottom: 40px; font-size: 16px; font-weight: 300;
} section.module p:last-child {
margin-bottom: 0;
} section.module.content {
padding: 40px 0;
} section.module.parallax {
height: 600px; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;
} section.module.parallax h1 {
color: rgba(255, 255, 255, 0.8); font-size: 48px; line-height: 600px; font-weight: 700; text-align: center; text-transform: uppercase; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} section.module.parallax-1 {
background-image: url(""); /* background-height: 100%; height: 850px; */ background-position: left bottom;
} section.module.parallax-2 {
background-image: url("");
} section.module.parallax-3 {
background-image: url("");
} section.module.parallax-4 {
background-image: url("");
}
@media all and (min-width: 600px) {
section.module h2 { font-size: 42px; } section.module p { font-size: 20px; } section.module.parallax h1 { font-size: 96px; }
} @media all and (min-width: 960px) {
section.module.parallax h1 { font-size: 160px; }
}