/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {


}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {


}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {


}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {


}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/


@media (min-width: 320px) and (max-width: 480px) {
    .drone-logo {
        top: -80%;
    }

    #vid1 {
        height: 172px;
    }

    .whoop-logo {
        width: 70%;
        margin: 5% 0;
    }
}

@media screen and (max-height: 1200px) and (min-width: 1920px) {
     #vid1 {
        height: 500px !important;
        width: 100% !important;
    }
}


@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
    .logo-img {
        width: 40%;
    }
    .download-icon {
        width: 37% !important;
    }

    .navbar-brand {
        width: 260px !important;
    }
    .heading {
        letter-spacing: 0.1em;
        font-size: 1.5rem;
    }
}

/*iPhone XR*/
@media only screen
and (device-width : 414px)
and (device-height : 896px)
and (-webkit-device-pixel-ratio : 2) {
    .logo-img {
        width: 40%;
    }
    .download-icon {
        width: 37% !important;
    }
    .navbar-brand {
        width: 260px !important;
    }

    .download-icons-block {
        bottom: 5%;
    }
    .arrow {
        bottom: 5%;
    }
    .heading {
        font-size: 1.5rem;
        letter-spacing: 0.1em;
    }
}

/*iPhone XS*/
@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
    .logo-img {
        width: 40%;
    }
    .download-icon {
        width: 37% !important;
    }
    .navbar-brand {
        width: 260px !important;
    }

    .download-icons-block {
        bottom: 5%;
    }
    .arrow {
        bottom: 5%;
    }
    .heading {
        font-size: 1.5rem;
        letter-spacing: 0.1em;
    }
}

/*iPhone 6, 7, & 8 in portrait & landscape*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    .logo-img {
        width: 40%;
    }
    .download-icon {
        width: 37% !important;
    }
    .navbar-brand {
        width: 260px !important;
    }

    .download-icons-block {
        bottom: 5%;
    }
    .arrow {
        bottom: 5%;
    }
    .navbar-toggler {
        width: 40px;
        padding: 5px 0;
        height: 38px;
    }
    .heading {
        font-size: 1.5rem;
        letter-spacing: 0.1em;
    }
}


/* Samsung Galaxy S5 ----------- */
/*
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .logo-img {
        width: 40%;
    }
    .download-icon {
        width: 37% !important;
    }
    
    .navbar-brand {
        width: 260px !important;
    }
    .download-icons-block {
        bottom: 5%;
    }
    .arrow {
        bottom: 5%;
    }
    .navbar-toggler {
        width: 40px;
        padding: 5px 0;
        height: 38px;
    }
    .heading {
        font-size: 1.5rem;
        letter-spacing: 0.1em;
    }
}*/

/*Macbooks 15"  -- may be working...not 100% sure*/
@media
only screen and (-webkit-min-device-pixel-ratio: 4),
only screen and (   min--moz-device-pixel-ratio: 4),
only screen and (     -o-min-device-pixel-ratio: 4/1),
only screen and (        min-device-pixel-ratio: 4),
only screen and (                min-resolution: 570dpi),
only screen and (                min-resolution: 4dppx) {
    .logo-img {
        width: 40%;
    }

    .navbar-brand {
        width: 260px !important;
    }
    .download-icons-block {
        bottom: 5%;
    }
    .arrow {
        bottom: 5%;
    }
    .navbar-toggler {
        width: 40px;
        padding: 5px 0;
        height: 38px;
    }
    .heading {
        font-size: 1.5rem;
        letter-spacing: 0.1em;
    }
}


@media only screen and (min-width: 1440px) and (max-width: 767px) {

    .logo-img {
        width: 20%;
    }

    .navbar-brand {
        width: 260px !important;
    }
    .download-icons-block {
        bottom: 5%;
    }
    .arrow {
        bottom: 5%;
    }
    .navbar-toggler {
        width: 40px;
        padding: 5px 0;
        height: 38px;
    }
    .heading {
        font-size: 1.5rem;
        letter-spacing: 0.1em;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width : 360px) and (max-device-width : 740px){

    .logo-img {
        width: 40%;
    }
    .download-icon {
        width: 37% !important;
    }

    .navbar-brand {
        width: 260px !important;
    }
    .download-icons-block {
        bottom: 5%;
    }
    .arrow {
        bottom: 5%;
    }
    .navbar-toggler {
        width: 40px;
        padding: 5px 0;
        height: 38px;
    }
    .heading {
        font-size: 1.5rem;
        letter-spacing: 0.1em;
    }

}