/* Hacks to get rid of CLOUDS ad junk */
#main-container.container {
    border: none !important;
    background: none !important;
}
.drones *, .drones *:before, .drones *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.drones img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.drones h1.large {
    font-size: 4.4em;
}
.drones p.georgia { font-family: Georgia, serif; }
.drones p.large {
    font-size: 1.1em;
}
.drones p.body.large {
    font-size: 1.2em;
}
.drones p.body.large.georgia {
    line-height: 1.7em;
}
.drones .ital { font-style: italic; }
.drones .mt30 { margin-top: 30px; }
.drones .mb30 { margin-bottom: 30px; }
.drones .mid-show,
.drones .small-940-only,
.drones .small-620-only,
.drones .wide-hide {
    display: none;
}
.drones .annotation p {
    margin-bottom: 2px;
}
.drones .annotation.short {
    max-width: 60px;
}
.drones .annotation.wide {
    max-width: 130px;
}
.drones p.caps, .drones span.caps {
    font-size: 16px;
    line-height: 1em;
    letter-spacing: .05em;
    margin-bottom: 3px;
    text-transform: uppercase;
    color: #222;
}
/*#predator-annotation {
    margin-top: -25px;
    margin-bottom: -70px;
}
#data-link { top: 7%; left: 34%; }
#hellfire-missile { top: 67%; left: 46%; }
#turret-camera { top: 17%; right: -7%; }*/

.how-intro {
    top: 0px;
    left: 21%;
    max-width: 430px;
}
#drones-how {
    max-width: 2200px;
    margin-left: auto;
    margin-right: auto;
}
#lost-link {
    top: 4%;
    right: 10%;
    max-width: 230px;
}
#communication-satellite { top: 27%; left: 40%; text-align: right; }
#gps-satellite { top: 20%; right: 24%; }
#antenna { top: 86%; left: 1%; }
#station { top: 81%; left: 11%; }
#target { top: 88%; right: 4.5%; }
#connection-sync {
    top: 75%;
    left: 35%;
    right: 35%;    
}

.drone-illo {
    padding: 10px 15px;
    width: 25%;
    float: left;
}
@media (max-width: 2100px){
    .how-intro { left: 17%; }
    #lost-link { right: 7%; }
    #communication-satellite {
        top: 27%;
        left: 37%;
    }
}
@media (max-width: 1810px){
    .how-intro { left: 10%; }
    #lost-link { right: 2%; }
}
@media (max-width: 1600px){
    .how-intro { left: 6%; }
}
@media (max-width: 1480px){
    .how-intro { left: 2%; }
}
@media (max-width: 1350px){
    .how-intro {
        float: left;
        position: relative;
    }
    .how-intro h2 {
        margin-top: 0px;
    }
    .how-intro p {
        width: 75%;
    }
    #lost-link {
        position: relative;
        float: right;
        max-width: 400px;
        text-align: right;
        margin-top: 6%;
    }
    #gps-satellite {
        top: 45%;
    }
    #communication-satellite {
        top: 33%;
        left: 32%;
    }
    #antenna {
        top: 89%;
    }
    #station {
        top: 86%;
        left: 10%;
    }
    #target {
        top: 91%;
    }
    #connection-sync {
        top: 86%;
        left: 25%;
        right: 25%;
    }
}
@media (max-width: 1030px){
    .drones .wide-only {
        display: none;
    }
    .drones .mid-show {
        display: block;
    }
    #antenna {
        top: 93%;
    }
    #station {
        top: 93%;
        left: 10%;
    }
    #connection-sync {
        top: 88%;
    }
    #target {
        top: 95%;
        right: 2%;
    }
    #gps-satellite {
        top: 37%;
        text-align: right;
    }
    #communication-satellite {
        top: 24%;
    }
    #lost-link {
        margin-top: 4%;
    }
}
@media (max-width: 1015px){
    .drone-illo { width: 50%; }
}
@media (max-width: 940px){
    .drones .small-940-only {
        display: block;
    }
    .drones span.small-940-only {
        display: inline;
    }
    .drones .small-940-hide {
        display: none;
    }    
    .how-intro {
        float: none;
        max-width: none;
        left: auto;
        text-align: center;
    }
    .how-intro p {
        width: auto;
    }
    #gps-satellite {
        top: 15%;
        right: 10%;
        text-align: left;
    }
    #communication-satellite {
        top: 1%;
        left: 26%;
    }
    #station {
        text-align: left;
        max-width: 90px;
        left: 12%;
    }
}
@media (max-width: 660px){
    .drones .small-620-show {
        display: block;
    }
    .drones .small-620-hide {
        display: none;
    }
    #communication-satellite {
        top: 0%;
        left: 21%;
    }
    #gps-satellite {
        right: 7%;
    }
    #antenna {
        top: 36%;
    }
}
@media (max-width: 590px){
    #communication-satellite {
        top: -3%;
        left: 18%;
    }
    #gps-satellite {
        right: 6%;
    }
}
@media (max-width: 500px){
    .drone-illo {
        width: 100%;
        padding: 0px;
    }
    #communication-satellite {
        left: 10%;
    }
    #gps-satellite {
        right: 3%;
    }
}
@media (max-width: 420px){
    .drones p.body.georgia.large,
    .how-intro p {
        text-align: left;
    }
    #communication-satellite {
        left: -5%;
    }
    #gps-satellite {
        right: -3%;
    }
}
@media (max-width: 340px){
    #communication-satellite {
        left: -10%;
        top: -14%;
    }
    #gps-satellite {
        right: -8%;
    }
}