.content {
    margin-top:7vh;
}

#blueLaunch,#blueLaunch2,#blueLaunch3 {
    width:30%;
    object-fit:cover;
}
#blueLaunch {
    height:93vh;
}
#blueLaunch,#blueLaunch3 {
    border-right:5px solid var(--secondary-colour);
}
#blueLaunch2 {
    border-left:5px solid var(--secondary-colour);
}

#gradatim {
    position:absolute;
    display:inline-block;
    width:30%;
    padding-left:2vw;
    top:6vh;
    margin:0;
    font-size:7.5rem !important;
    text-shadow:0px 0px 20px black;
}

#aboutBlue {
    float:right;
    width:70%;
    height:auto;
    padding:0 5vw;
    flex-direction:column;
    text-align:justify;
}

h1 {
    font-size:2.5rem !important;
}


#feather {
    float:left;
    margin-top:-30vh;
    margin-left:35%;
    width:60%;
    height:20vh;
    object-fit:contain;
    object-position:center;
}

#bluesRockets {
    border-top:5px solid var(--secondary-colour);
}
#blueLaunch2,#blueLaunch3 {
    height:100vh;
}
#blueLaunch3 {
    border-bottom:5px solid var(--secondary-colour);
}

.blueDescription {
    display:flex;
    flex-flow:column;
    width:70%;
    height:100vh;
    padding-left:0 5vw;
}
.blueDescription p,.blueDescription h2 {
    display:block;
    width:100%;
    flex:1;
    padding:0 1vw;
}
.left {
    float:left;
}
.right {
    float:right;
}

#nsTrajectory {
    width:100%;
    height:100vh;
    object-fit:cover;
    border-bottom:5px solid var(--secondary-colour);
    border-top:5px solid var(--secondary-colour);
}

#roho {
    display:block;
    width:70vw;
    height:calc(55vh - 15px);
    border-top:5px solid var(--secondary-colour);
    border-bottom:5px solid var(--secondary-colour);
    object-fit:cover;
}

#visions {
    position:relative;
}
#visions h2 {
    width:100%;
    margin-top:0px !important;
    padding-top:1vw;
    padding-right:1vw;
    text-align:right;
    text-shadow:0px 0px 30px var(--secondary-colour);
    color:white;
}
#oneill {
    position:absolute;
    top:0;
    width:100%;
    height:80vh;
    z-index:-1;
}
#visionsContent {
    display:inline-block;
    float:right;
    margin-right:1vw;
    width:50%;
    background-color:var(--primary-colour);
    padding:1vw;
    border-radius:10px;
    border-bottom:5px solid var(--secondary-colour);
}

footer {
    margin-top:9vh;
}

@media all and (max-width: 800px) {
    #feather {
        display:none;
    }
    #blueLaunch,#gradatim,#aboutBlue,#blueLaunch2,.blueDescription,#blueLaunch3,#roho{
        position:static;
        width:100%;
        border:0;
    }
    #gradatim {
        position:absolute;
        padding-left:0 !important;
        text-align:center;
        margin-top:20vh;
    }
    .hide-on-mobile {
        display:none;
    }
    .blueDescription {
        height:auto;
    }
    #visions {
        position:relative;
        float:left;
        width:100%;
    }
    #oneill {
        position:absolute;
        height:100%;
    }
    #visionsContent {
        float:none;
        width:90%;
        margin:0 0 2vh 5%;
    }
    #visions h2 {
        text-align:center;
        color:var(--secondary-colour);
        text-shadow:1px 1px 5px rgba(256,256,256,0.5);
        font-size:3rem;
        margin:1vh;
    }
    #nsTrajectory {
        height:50vh;
    }
}
@media all and (max-width: 600px) {
    #gradatim {
        font-size:5rem !important;
    }

    #nsTrajectory {
        height:30vh;
    }
}