body{
    background: #fff8dc;
    display: block;
    margin: 8px;
}

nav {
    font-family: 'Raleway', sans-serif;
    margin: 0px 0;
    background-color: #00356b;
}

nav ul {
    background: #00356b;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    
}
nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 33%;
}
nav a {
    background: #00356b;
    color: #fff8dc;
    display: block;
    font: bold 16px/50px sans-serif;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav .dropdown:after {
    content: ' \25bc';
}
nav li:hover a {
    background: #708Fb8;
}
nav li ul {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
nav li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
nav li ul li {
    width: 100%;
}
nav li ul a:hover {
    background: #bbb;
}

nav p {
    background-color: #708Fb8;
    color: #fff8dc;
    padding: 25px 25px 400px 25px;
    line-height: 40px;
}

heading {
    font-family: 'Raleway', sans-serif;
    font-size: 50px;
    color: #00356b;
    
}

@media screen and (min-width: 601px){
.iframe {
    float: right;}
}
@media screen and (max-width: 600px){
.iframe {
    width: 90%;
    float: inherit;}
}

.video_info {
    color: #00356b;
    line-height: 50px;
    padding: 75px 75px 25px 25px;
    font-size: 20px;
    
    
}
/*images*/
.intro_image
{
    float: left;
    padding: 50px;
    margin: auto;
    width: 20%;
}

.yale_motto {
    float: left;
    padding: 75px 25px 150px 150px;
}

.right_imgs {
    float: right;
    padding: 50px;
}

.left_imgs {
    float: left;
    padding: 50px;
    
    
}

/*Paragraphs*/
.intro
{
    font-family: 'Raleway', sans-serif;
    padding: 50px;
    line-height: 50px;
    font-size: 25px
}

.p {
    color: #00356b;
    line-height: 50px;
    padding: 75px 75px 50px 25px;
    font-size:20px;

}
.pa{
   color: #00356b; 
   font-size:20px;
   line-height: 50px;
}

.par{
    color: #00356b; 
   font-size:20px;
    padding: 10px 100px;
}


@media screen and (max-width: 1000px)
{.intro_image
{
    float: left;
    padding: 15% 10% 10%;
    margin: auto;
    width: 30%;
    }}
@media screen and (min-width: 1000px)
{.intro_image
{
    float: left;
    padding: 50px;
    margin: auto;
    width: 15%;
    }}

footer
{background:#00356b; 
text-align: center;

}

.footer
{background: #00356b;
color:#fff8dc;
font-size: 20px;
display: inline-block;
padding: 15px 60px 15px 60px;
text-align: center;
text-decoration:none;
}

.yale_link
{color: #fff8dc;
    background:#708Fb8;
    line-height: 50px;
    font-size: 25px;
    text-decoration: underline;
}

.link {
    color: #fff8dc;
    background:#708Fb8;
    padding: none;
    line-height: none;
    font-size: 25px;
}