@font-face { 
font-family: Raleway; 
src: url("Raleway-Medium.ttf"); 
} 

/*html, body {
overflow-x: hidden;
}*/
body {
background: #fff;
font-family: Raleway;
text-align: center;
margin: 0px;
}

/* Section Separator */
.hr {
margin: 0px auto 40px;
padding: 0px;
border: 0px;
width: auto;
border-top: solid 5px;
text-align: center;
clear: both;
}
/* Sections */
section {
background: #fff;
color: black;
margin: 0px;
padding: 5%;
clear: both;
height: fit-content;
}
/* Home */
.main {
height: 580px;
background: #003380;
margin: 0px;
margin-top: 65px;
padding: 30px;
padding-top: 100px;

}
/* Slideshow*/
.slide {
height: 280px;
background: #000;
margin: 0px;
padding-top: 50px;
padding-bottom: 100px;
}
/* Media */
.media {
background: #000;
padding: 5%;
margin: 0px;
color: white;
display: flex;
align-items: center;
}

/* Text properties */
.header {
font-family:Raleway;
font-size: xxx-large;
color: #003380;
margin: 0% 0% 3%;
}
p {
font-size: 125%;
line-height: 1.4em;
font-family:Raleway;
}
td {
    font-size: 125%;
    line-height: 1.4em;
    font-family:Raleway;
    }

li {
font-family:Raleway;
}
.list {
font-size: 125%;
line-height: 1.3em;
}
.intro, .classes {
text-align: left;
} 
.wwo, .about {
text-align: right;
} 

/* Image and "Non-text" items' properties */
.resize_extra {
width: 200px;
float: left;
height: 0px;
}

.resize_item {
min-width: 140px;
}
.intro-imgs {
width: 40%;
float: right;
min-width: 180px;
}
.intro-quote {
display: flex;
align-items:baseline;
width: 75%;
max-height: 270px;
height: 300px;
margin-top: 25px;
overflow: hidden;
}
.intro-quote img{
margin: 0 auto;
object-fit: contain;
height: 120%;
filter: contrast(150%);
opacity: 0.5;
clear: both;
}
.acronym {
width: 34%; /* height: 400px; & width: 330px; or width: 34%; */
background-color: white;
overflow: hidden;
height: cover;
}
.acronym img{
padding: 2% 0%;
width: 105%;
height: auto; /* 10% *//* auto */
}
.about-img {
width: 24%;
margin-right: 6%;
}
.shadow-heavy{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius:2px;
}
.shadow-mid{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
border-radius:2px;
}
.shadow-light{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05);
border-radius:1px;
}
.non-text-item {
border: solid #003380 0px;
box-sizing: border-box;
max-width: 90%;
margin: 0px 0px 5px 0px;
}
.wwo .non-text-item, .about .non-text-item {
float: left;
margin-right: 4%;
}
.intro-quote-small, .classes .non-text-item {
float: right;
margin-left: 5%;
}

/* Contact box properties */
.contact-us {
width: 38%;
padding: 4%;
overflow: hidden;
text-align: center;
color: #BFCCDF;
min-width: 180px;
}
.contact-us h2{
margin: 2% 0% 6%;
font-size: 275%;
}
.button {
background-color: #003380;
display: inline-block;
padding: 6% 8%;
margin: 5%;
color: white;
text-align: center;
text-decoration: none;
font-size: 110%;
border-radius: 10px;
border: solid;
transition-duration: 0.15s;
}
.button:hover {
background-color: #f3f6f9;
color: #003380;
border: solid;
border-color: #003380;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
transition-duration: 0.3s;
}

/* Contact Us Section */
.contact img {
box-sizing: border-box;
border: 0px solid #003380;/*EDIT*/
width: 100%;
}
.form-img {
position: relative;
width: 70%;
margin: auto;
}
.container:hover {

}
.contact p {
margin: 2% 0%;
/* font-weight: bold; */
}
#contact-link {
color: #003380;
text-decoration: none;
}
.overlay {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
transition: .5s ease;
background-color: black;
}
.overlay:hover {
opacity: 0.1;
}

/* Media icons properties */
.icons {
flex: 1;
}
.fa:hover {
background: #003380cc;
/*opacity: 0.1;*/

}
.fa {
padding: 20px;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
border-radius: 50%;
}
.fa-facebook {
background: #003380;
color: white;
margin: 2% 6% 0% 0%;
border-color: white;
border-style: solid;
border-width: 3px;
}
.fa-twitter {
background: #003380;
color: white;
border-color: white;
border-style: solid;
border-width: 3px;
}
.fa-instagram {
background: #003380;
color: white;
margin: 2% 0% 0% 6%;
border-color: white;
border-style: solid;
border-width: 3px;
}