* {
    box-sizing: border-box;
    -webkit-transition-duration: .5s;
    /* Safari */
    
    transition-duration: .5s;
    transition-property: opacity, display, background, ;
    -webkit-transition-property: opacity, display, background;
}

a {
    color: white;
}

p {
    max-width: 700px;
    font-size: 1em;
}

.learnsection p,
.joinsection p {
    padding-left: 8px;
    float: left;
    margin: 12px;
    text-align: justify;
}

.botsection p {
    float: right;
    margin: 12px;
    text-align: justify;
}

body {
    padding: 0px;
    margin: 0px;
    min-width: 450px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'aleolight';
    margin: 5px;
}

header h1 {
    font-size: 60px;
    font-weight: normal;
    display: inline;
    margin: 0px;
}

section h1 {
    vertical-align: center;
    font-size: 3em;
}

.learnsection h1 {}

.learnsection h2 {
    float: left;
}

#welcome h1,
#welcome h2 {
    z-index: 50;
}

#welcome img {
    position: fixed;
}

header h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
}

section,
header {
    width: 100%;
    padding: 0 7%;
    margin: 0;
    max-width: none;
    display: table;
}

header {
    color: #fff;
    width: 100%;
    padding: 0 7%;
    margin: 0;
    max-width: none;
    background: #383838;
    text-align: center;
    border-bottom: solid red 5px;
}

nav {
    padding-left: 0px;
    font-family: aleolight;
}

nav ul {
    margin: 0px;
    list-style-type: none;
    padding: 2px;
}

nav li {
    display: inline;
    margin: 2px;
}

.subteam ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#welcome {
    height: 100vh;
    color: #FFF;
    min-height: 650px;
    overflow: scroll;
    background-image: url("media/team2016.JPG");
    
    z-index: 1;
    padding: 0px;
    position: relative;
}
/*@media max-device-width: 1024px {
    #welcome{
        background-attachment: scroll;
    }    
    
}*/

#learn {
    height: 100vh;
    background: #383838;
    color: #FFF;
    min-height: 450px;
}

#mechanical {}

#programming {
    background: #FFF;
    color: #383838;
    padding-top: 10px;
    padding-bottom: 10px;
}

.titleslide {
    display: table-cell;
    vertical-align: middle;
    max-width: 900px;
    margin: auto;
    text-align: center;
}

#team div {
    text-align: center;
}

#team h1,
#team h2,
#team p {
    margin: auto;
    padding: 10px;
}

#team {
    color: #FFF;
    background: #383838;
    min-height: 100vh;
}

#pic1 {
    background-image: url('media/paul.jpg');
}

#teammembers {
    padding: 20px;
    background: #FFF;
    color: #383838;
}

.red {
    color: #F33;
}

#learnpic {
    height: 70vh;
    background: url(media/drawingboard.png);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    z-index: 2;
}

#media {
    background: #FFF;
    color: #383838;
    padding-top: 10px;
    padding-bottom: 10px;
}

.learnsection {
    min-height: 200px;
    padding: 10px;
    background: #FFF;
    color: #383838;
    padding-top: 10px;
    padding-bottom: 10px;
}

.copysection {
    min-height: 200px;
    padding: 10px;
}

.botsection {
    min-height: 200px;
    padding: 10px;
}

#management {
    background: #FFF;
    color: #383838;
    padding-top: 10px;
    padding-bottom: 10px;
}

#team img {
    max-height: 200px;
    margin: auto;
}

#welcome img {
    width: 100vh;
    position: absolute;
    display: none;
}

.colorbg {
    background: rgba(55, 59, 68, 0.7);
    position: relative;
}
.no-rgba .colorbg{
    background: rgb(55, 59, 68);
}

.whiteboder {
    border-style: solid;
    padding-bottom: 20px;
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#robots {
    height: 100vh;
    background: #383838;
    color: #FFF;
    min-height: 450px;
}

#pic2 {
    background: url(media/DSC04491.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

#pic3 {
    background-image: url(media/sponsors.jpg);
}

.picdiv {
    height: 60vh;
    z-index: 2;
}

#robotsection {
    min-height: 200px;
    padding: 10px;
}

.copywrapper {
    max-width: 900px;
    margin: auto;
    background: white;
    z-index: 2;
}

.robotwrapper {
    max-width: 900px;
    margin: auto;
    background: white;
    z-index: 2;
}

.columnwrapper {
    float: right;
    /*-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;*/
    
    -webkit-column-width: 320px;
    -webkit-column-count: auto;
    margin: 12px;
    text-align: justify;
    width: auto;
}

.teamwrapper {
    max-width: 1000px;
    margin: auto;
    padding-top: 10px;
    text-align: center;
}

.subteam {
    margin: auto;
    /*float: left;*/
    
    max-width: 400px;
}

.vp {
    text-decoration: underline;
}

video#bgvid {
    position: fixed;
    right: 0;
    bottom: 0;
    /*min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;*/
    z-index: -100;
    background: url(media/team2015.jpg) no-repeat;
    background-size: cover;
}

.robot {
    height: 800px;
    z-index: 2;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.robot h5 {
    display: none;
}

#Carcinus {
    background-image: url(media/DSC02033.jpg);
}

.robotname h3 {
    color: white;
    font-size: 60px;
}

.robotname {
    display: table-cell;
    vertical-align: middle;
    max-width: 900px;
}

.robotname h4 {
    color: white;
    font-size: 40px;
}

.robotname h5 {
    color: white;
    font-size: 20px;
}

#LadyG {
    background-image: url(media/DSC02709.jpg);
}

#Sharon {
    background-image: url(media/DSC08327.jpg);
    
}

#Reboot {
    background-image: url(media/reboot.jpg);
}

.robot p {
    color: white;
    font-size: 1.3em;
    font-family: 'aleolight';
    margin: 5px;
}

.robotpic {
    max-height: 500px;
    float: right;
    border: solid 4px white;
    width: 380px;
}

#sponsors {
    height: 100vh;
    background: #383838;
    color: #FFF;
    min-height: 450px;
}

#joinus {
    height: 100vh;
    background: #383838;
    color: #FFF;
    min-height: 450px;
}

#Scorpio {
    background-image: url(media/scorpio.jpg);
}

#Herbie {
    background-image: url(media/DSC02387.jpg);
}

#Marvin {
    background-image: url(media/marvin.jpg);
}

#footbar {
    width: 100%;
    background: rgba(55, 59, 68, 0.7);
    position: absolute;
    bottom: 0;
}
.no-rgba #footbar{
    background: rgb(55, 59, 68);
}

#pic4 {
    background-image: url(media/DSC02793.jpg);
}

.subteam h2 {
    margin: 10px
}

.footbarmodule {
    width: 250px;
    min-height: 130px;
    float: left
}

#footbarwrap {
    margin: auto;
    max-width: 820px;
}

.footbarmodule,
footbarwrap p {
    font-family: aleolight;
}

.footbarmodule a {
    color: white;
}

.footbarmodule a:hover {
    background: #F33;
}

.footertext {
    font-family: aleolight;
    color: white;
    margin: 0px;
}

.footertext a {
    color: white;
}

#welcometitle {
    top: 30vh;
    display: block;
    position: relative;
}

.first {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: italic;
    font-variant: normal;
    font-weight: 300;
}

#foorbarfoot {
    float: left;
}

@media (max-width: 850px) {
    .footbarmodule {
        float: none;
    }
    #welcome {
        height: 1100px;
    }
    .robotpic {
        float: none;
    }
}

.clearfix {
    clear: both;
}
.fixedbg {
    background-attachment: fixed;
    
}

.coverbg {
    background-size: cover;
    background-position: center center;
}