/* CSS Document */

@media only screen and (min-width: 1000px) {  

    #team ul li:nth-child(3n+1) {clear: both;}

}


@media only screen and (max-width: 1799px) {
    
    #path-top-left {right: 77%;}
    #path-top-right {left: 76%;}
    
    #features #gun1 {left: 9%;}
    #features #gun2 {right: 9%;}
    
}

@media only screen and (max-width: 1699px) {
    
    #features #gun1 {left: 5%;}
    #features #gun2 {right: 5%;}
    
    #feature-path-left {left: -20%;}
    #feature-path-right {right: -8%;}

}

@media only screen and (max-width: 1599px) {
    
    #path-top-left {right: 81%;}
    #path-top-right {left: 80%;}
   
    #feature-path-left {left: -20%;}
    #feature-path-right {right: -9%;}
    
    #features #gun1 {left: 1%;}
    #features #gun2 {right: 1%;}
    
}

@media only screen and (max-width: 1499px) {
    
    #feature-path-left {left: -26%;}
    #feature-path-right {right: -11%;}
 
    #features #gun1,
    #features #gun2 {display: none;}
    
}

@media only screen and (max-width: 1399px) {
    
    #header #logo {width: 320px;}
    #header h1 {font-size: 36px;} 
    
    #path-top-left {right: 83%;}
    #path-top-right {left: 82%;}
    
    #feature-path-left,
    #feature-path-right {display: none;}
    
    #signup h2 {font-size: 48px;}
    
    iframe.lightwidget-widget {margin: auto; width: 1000px !important; height: 1000px !important;}
    
}

@media only screen and (max-width: 1299px) {
    
    #features #gun1 {left: -4.1%;}
    #features #gun2 {right: -3%;}
    
    #map {margin-top: -140px; height: 1400px;}
    
    iframe.lightwidget-widget {margin: auto; width: 768px !important; height: 768px !important;}
    
}

@media only screen and (max-width: 1249px) {
    
    #path-top-left,
    #path-top-right {display: none;}
   
    #features #gun1, 
    #features #gun2 {display: none;}
    
}


@media only screen and (max-width: 999px) {
    
    h2 {font-size: 32px;}
    h2 br {display: none;}
    
    #header #kickstarter {width: 300px; bottom: 255px;}
    
    #book h2 {font-size: 32px;}
        #book h2 br {display: block;}
    #book h3 {font-size: 24px;} 
        #book h3 br {display: none;} 
    
    #stuff {padding: 60px 0 40px 0;}
        #stuff-slider {float: none; width: 90%; max-width: 740px; margin: auto;}
        #stuff-text {float: none; text-align: center; width: 90%; margin: auto}
            #stuff-text h2 {font-size: 32px;}
            
    #features {background-size: auto 100%; padding: 70px 0 120px 0;}
        #features ul li {width: 46%;}
            #features ul li:nth-child(3n+1) {clear: none;}
            #features ul li:nth-child(2n+1) {clear: both;}
    
    #map {margin-top: -200px; height: 1100px;}
    
    #team h2 {background: none;}
    #team .container > h3 {font-size: 21px; padding: 10px 0 0 0; margin: 0;}
    #team ul li {width: 45%; margin: 50px 2.5% 0 2.5%;}
    #team ul li p {font-size: 16px;}
    
    #signup h2 {font-size: 32px;}
    #signup p {font-size: 21px;}

}

@media only screen and (max-width: 959px) {

    #team ul li {width: 100%; max-width: 580px; margin: 50px auto 0 auto; float: none;}
    
    iframe.lightwidget-widget {margin: auto; width: 600px !important; height: 600px !important;}
    
}


@media only screen and (max-width: 739px) {
    
    h2 {font-size: 28px;}
    
    #header {
        background: #000 url(../images/hero-mobile.jpg) no-repeat center center / cover;
    }
    #header #kickstarter {width: 280px; bottom: 255px;}
    
    #book h2 {font-size: 28px;}
    
    #stuff #compass {width: 64px;}
    #stuff-text h2 {font-size: 28px;}
    #stuff-text p {font-size: 16px;}
    
    #concept-art ul li {height: 50vh;}
    #concept-art ul li p { width: 50%; bottom: 15vh;}
    
    #features {background-size: auto 100%; padding: 70px 0 100px 0;}
    
        #features h2 {font-size: 21px;}
        #features .icon {height: 64px;}
        #features ul li {width: 100%; float: none; margin: 50px 0; }
    
            #features ul li h3 {font-size: 21px;}
            #features ul li h3 br {display: none;}
            #features ul li p {font-size: 16px;}

            #features ul li:nth-child(2n+1) {clear: none;}
    
    #map {margin-top: -160px; height: 820px; background-size: auto 90%;}
    
    
    iframe.lightwidget-widget {margin: auto; width: 480px !important; height: 480px !important;}
    
    
    
}

@media only screen and (max-width: 639px) {
    
    #header h1 {font-size: 32px; bottom: 160px;} 
   
    #social {float: none; width: 105px; position: absolute; top: 120px; left: 50%; transform: translateX(-50%);}
   
    #map {margin-top: -160px; height: 640px; background-size: auto 85%;}
    
    #signup h2 {font-size: 28px;}
    #signup p {font-size: 18px;}
    
    footer p {font-size: 18px;}
    
    iframe.lightwidget-widget {margin: auto; width: 430px !important; height: 430px !important;}
    
}

@media only screen and (max-width: 480px) {
    
    #header #logo {max-width: 300px; width: 96%;}
    #header h1 {font-size: 24px;} 
    
    #book h2 {font-size: 24px;}
    #book h3, #book p {font-size: 18px;} 
    
    #social {top: 110px;}
    
    #map {margin-top: -140px; height: 600px; background-size: auto 85%;}
    
    /* signup */
    #mce-EMAIL {float: none; margin: 5px auto; width: 90%;}
    #mc-embedded-subscribe {float: none; width: 200px;}
    
    footer p {font-size: 16px;}
   
    iframe.lightwidget-widget {margin: auto; width: 340px !important; height: 340px !important;}
    
}