@charset "UTF-8";

/*Created by Jacob Douglas on 12-5-2015*/
#wrapper{
    background-color: #66a3e0;
    min-width: 500px;
    max-width: 800px;
    padding: 0px 0px 20px 0px;
    border: none;
    box-shadow: none;
}

.flex-logo-container{
    min-width: 500px;
    max-width: 800px;
    height: 251px;
    justify-content: center;
}

.flex-logo-item{
    min-width: 700px;
    max-width: 700px;
    min-height: 220px;
    max-height: 220px;    
}
.flex-container{
    min-width: 500px;
    max-width: 800px;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-item{
    min-width: 250px;
    max-width: 250px;
    min-height: 250px;
    max-height: 250px;
    border-radius: 15px;
    border-color: #80B2E6;
    background-color: #18497A;
    box-shadow: inset -3px -3px 0px 0px #00332B;
}

iframe{
    width: 400px;
    height: 200px;
}

body{
    background-image: none;
    background-color: #66a3e0;
}

nav{
    top: 240px;
}

nav a{
    margin-right: 20px;
}

nav a:hover{
    color: #FFF;
    background-color: rgba(255,255,255,.15);
}

main{
    padding: 30px;
}

header div{
    width: 700px;
    height: 220px;
    top: 0px;
    background-image: url(../images/logo_medium.gif);
}