/*  -------------------------------------------------------------
    CSS - STYLE : Pusha T
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Filename:  main.css
    Date:      Dec 8, 2014
    Author:    Halo Media LLC - http://www.halopowered.com/
    ------------------------------------------------------------- */

/*  =============================================================================
    general
    ========================================================================== */
    html, body { background: #fff; text-transform: uppercase; font-size: 16px; font-family: Helvetica, Arial, sans-serif; }

/*  =============================================================================
    main
    ========================================================================== */
    .main { width: 960px; margin: 0 auto; padding-top: 20px; }
        .enter { width: 530px; margin: 0 auto 20px auto; padding: 5px 0; text-align: center; display: block; border: 3px solid #000; font-size: 45px;  }
        .header { margin-bottom: 40px; background: #000; color: #fff; padding: 10px 20px; font-size: 45px;  }
        .copy { font-size: 29px; font-weight: bold; margin-bottom: 4px; }
        .instructions { font-size: 20px; margin-bottom: 60px; }
        .form { font-size: 50px; margin-bottom: 30px; }
            .input { margin-bottom: 30px; border: 1px solid #000; font-size: 50px; width: 430px; }
            .input-name { width: 300px; text-align: center; text-transform: uppercase; }
            .btn-submit { display: block; border: 0; background: #9a9a9a; color: #fff; text-transform: uppercase; width: 100%; font-size: 40px; font-weight: bold; padding: 15px 0; margin-top: 30px;  text-align: center; }
        .share-anchor { padding: 15px 0; font-size: 20px; text-align: center; display: none; border: 3px solid #000; }

    .share { width: 500px; height: 600px; margin: 0 auto; background: #fff; text-align: center; }
        .social-anchor { padding: 10px 15px; font-size: 20px; text-align: center; display: inline-block; border: 3px solid #000; }
    
    .popup { display: none; width: 400px; height: 150px; margin: 0 auto; background: #fff; text-align: center; }
    #sorry { padding-top: 60px; }

@media only screen and (min-width : 320px) and (max-width : 670px) {
    
}

/* iPad portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
    
}

/* iPad landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
    
}