@media (min-width: 1200px) {
.giveheader {
background-image : url("https://www.eou.edu/foundation/files/2018/11/EOU_Giving_Tuesday_scholarships_monty1.jpg");
background-position : bottom center;
background-repeat : no-repeat;
background-size : cover;
background-color : #00386b;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.giveheader {
background-image : url("https://www.eou.edu/foundation/files/2018/11/EOU_Giving_Tuesday_scholarships_monty1.jpg");
background-position : bottom center;
background-repeat : no-repeat;
background-size : cover;
background-color : #00386b;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.giveheader {
background-image : url("https://www.eou.edu/foundation/files/2018/11/EOU_Giving_Tuesday_scholarships_monty1.jpg");
background-position : bottom center;
background-repeat : no-repeat;
background-size : cover;
background-color : #00386b;
}
}
@media (max-width: 767px) {
.giveheader {
background-image : none;
}
}
@media (max-width: 480px) {
.giveheader {
background-image : none;
}
}
.ball {
margin-top : 50px;
animation : bounce 1s infinite alternate;
}
@keyframes bounce {
from {
transform : translateY(0);
}
to {
transform : translateY(-15px);
}
}
.intro-header {
padding-bottom : 50px;
text-align : center;
color : #f8f8f8;
}
.intro-message {
position : relative;
padding-top : 7%;
padding-bottom : 7%;
}
.intro-message > h1 {
margin : 0;
text-shadow : 2px 2px 3px rgb(0 0 0 / 0.6);
font-size : 5em;
color: #ffffff !important;
font-weight: 600px;
}
.intro-divider {
width : 400px;
border-top : 1px solid #f8f8f8;
border-bottom : 1px solid rgb(0 0 0 / 0.2);
}
.intro-message > h3 {
	color: #ffffff !important;
text-shadow : 2px 2px 3px rgb(0 0 0 / 0.6);
}
@media (max-width: 767px) {
.intro-message {
padding-bottom : 15%;
}
.intro-message > h1 {
font-size : 3em;
}
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%;
}
}
.network-name {
text-transform : uppercase;
font-size : 18px !important;
font-weight : 400;
letter-spacing : 2px;
}
.content-section-a {
padding : 50px 0;
background-color : #f8f8f8;
}
.content-section-b {
padding : 50px 0;
border-top : 1px solid #e7e7e7;
border-bottom : 1px solid #e7e7e7;
}
.section-heading {
margin-bottom : 30px;
color : #002855;
}
.section-heading-spacer {
float : left;
width : 200px;
border-top : 3px solid #e7e7e7;
}
.banner {
padding : 100px 0;
color : #f8f8f8;
background : url("https://www.eou.edu/anthropology-sociology/files/2016/09/eou-campus-quad.jpg") center center no-repeat;
background-size : cover;
}
.banner h2 {
margin : 0;
text-shadow : 2px 2px 3px rgb(0 0 0 / 0.6);
font-size : 3em;
}
.banner ul {
margin-bottom : 0;
}
.banner-social-buttons {
float : right;
margin-top : 0;
}
@media (max-width: 1199px) {
ul.banner-social-buttons {
float : left;
margin-top : 15px;
}
}
@media (max-width: 767px) {
.banner h2 {
margin : 0;
text-shadow : 2px 2px 3px rgb(0 0 0 / 0.6);
font-size : 3em;
}
ul.banner-social-buttons > li {
display : block;
margin-bottom : 20px;
padding : 0;
}
ul.banner-social-buttons > li:last-child {
margin-bottom : 0;
}
}
footer {
padding : 50px 0;
background-color : #f8f8f8;
}
p.copyright {
margin : 15px 0 0;
}