@media (min-width:803px)  {
#big_signup{position: relative;    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    width:25.9vw;
    font-weight: bold;
    padding:20px;
    cursor: pointer; 
    border-radius: 2vh;
    font-size: 20px;bottom:7vh;
left:53vw;}
#big_signup a{
    cursor: pointer; 
    border-radius: 2vh;
    font-size: 20px;color:white;   
    text-decoration:none;
left:53vw;}
body.welcome{
    background-image:url('../images/background2.png');
    background-attachment:scroll;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: black;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
    font-family:Arial, Helvetica, sans-serif;
    color:white;    
}
body.welcome_disclaimer{
    

    background-color: black;
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
    font-family:Arial, Helvetica, sans-serif;
    color:white;    
}
#req_section{
    position:relative;
    height:auto;
    left:420px;

    width:572px;
    top:2vw;
    display:inline-block;
    background-color: black;
    padding: 30px;
    border-radius: 10px;
    opacity:0.8;
}
#transcription{position:relative;top:20px}
#req_section .req_text{
    border-radius: 1vh;
    width:155px;
    border-style:solid;
    border-color: darkslateblue;
    background-color:darkslateblue;
    color:white;
    margin:3px;
}
#req_section button{
    border-radius: 1vh;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    border-color: darkslateblue;
    width:161px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
}

.checkbox_label{
    color:white;
    font-family:helvetica;
    font-size: 14px;
    left:2px;
}

.videofilelabel{
    border-radius: 1vh;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    border-color: darkslateblue;
    width:161px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
    
    
    
    font-size:13.4px;
    padding:1px;
    padding-left: 30px;
    padding-right: 30px;
}

#videofile[type="file"] {
    display: none;
}

#videofile1[type="file"] {
    display: none;
}
#videofile2[type="file"] {
    display: none;
}
#video_file_description{
    position:relative;
    color:white;
    font-family:helvetica;
    font-size:14px;
}

#disclaimer{
    position:relative;
    color:white;
    font-family:helvetica;
    font-size:19px;
    top:300px;
width:800px;
left:10px;

line-height: 1.7;}
.features{
    position:relative;
    top:30vh;
    text-align: center;
    left:0vw;
    line-height: 1.7;
    font-size:19px;

    display:none;
}
#music_label{
    position:relative;
    color:white;
    font-family:helvetica;
    font-size:14px;
}
#music{
    border-radius: 1vh;
    background-color:darkslateblue;
    border-color: darkslateblue;
    width:220px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
    
    
    padding:1px;
}
footer p{position:relative;
    left:170px;
    line-height: 1;
    font-size:16px}
#back_game_label{
    position:relative;
    color:white;
    font-family:helvetica;
    font-size:14px;
}
#back_game{
    border-radius: 1vh;
    background-color:darkslateblue;
    border-color: darkslateblue;
    width:220px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
    
    
    padding:1px;
}
#proc_vid


{
    width:50%;
    float:left;
    left:3vw;
    position: relative;
    top: 30vh;
    display: inline-block;
    

}
#rec_vid{
    width:50%;
    float:right;
    
    left:1vw;
    position: relative;
    top:30vh;
    display: inline-block;
}

#seconds_between_clips{
    border-radius: 1vh;
    width:60px;
    border-style:solid;
    border-color: darkslateblue;
    background-color:darkslateblue;
    margin:3px;
    color:white;
}

#seconds_between_clips_label{
    position:relative;
    color:white;
    font-family:helvetica;
    font-size:14px;
}

#video_file_path{
    position:relative;
    color:white;
    font-family:helvetica;
    font-size:14px;
}

#navbar {
    height:100px;
  overflow: hidden;
  
  border-radius: 1vh;
  float:right;
}
#navbar a {
    position:relative;
    float: right;
    color: aqua;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    font-size:17px;
    font-family:helvetica;
    top:14px;
    transition: all .4s;
    -moz-transition: all .4s;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);    
    border-radius:20vh;
    -webkit-transition:all .4s;
    -o-transition: all .4s;  
    margin-left: 14px;
}
  #navbar a:hover {
    position:relative;
    float: right;
    color: aqua;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    
    bottom:14px;
    font-size:19px;
    font-family:helvetica;
    
    border-radius:20vh;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition:all .4s;
    -o-transition: all .4s;
}

#navbar p {
    position:relative;
    float: right;
    color: #f2f2f2;
    text-align: center;
    padding: 0px 20px;
    text-decoration: none;
    font-family:helvetica;
    top:-3px;
    font-size:17px;
} 
#req_load_gif{

    height:30px;
    position:relative;
    top:30px;
    display: inline-block;
}
#loading_chart{
    width:160px;
}
#loading_gif_reference{
    
}

#req_section label{
    color:white;
    font-family:helvetica;
    
}

#download_video_file{    border-radius: 1vh;
    background-color:darkslateblue;
    border-color: darkslateblue;
    width:161px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;}

    #screen_size_label{
        position:relative;
        color:white;
        font-family:helvetica;
        font-size:14px;
    }

#screen_size{
    border-radius: 1vh;
    background-color:darkslateblue;
    border-color: darkslateblue;
    width:80px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
    
    
    
    padding:1px;}
    
    #device_orientation_label{
        position:relative;
        color:white;
        font-family:helvetica;
        font-size:14px;
    }

#device_orientation{
    border-radius: 1vh;
    background-color:darkslateblue;
    border-color: darkslateblue;
    width:80px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
    
    
    
    padding:1px;}
    
button{
    border-radius: 1vh;
    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    border-color: darkslateblue;
    width:161px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
}
#email_input{border-radius: 1vh;
    width:220px;
    border-style:solid;
    border-color: darkslateblue;
    background-color:darkslateblue;
    margin:3px;
    color:white;}


    


#email_code{border-radius: 1vh;
    width:154px;
    
    border-style:solid;
    border-color: darkslateblue;
    background-color:darkslateblue;
    margin:3px;
    color:white;}

    #download_edited_video{
    border-radius: 1vh;
    background-color:darkslateblue;
    border-color: darkslateblue;
    width:161px;
    font-family:helvetica;
    border-style:solid;
    color:white;
    margin:3px;
padding:11px;}

    #img_title{
        padding:10px;
    height: 56px;
    display:inline-block;
    position:relative;    
background-color: black;
border-radius: 2vh;
}
#other_navbar{    display:inline-block;
    position:relative;    
    margin-right:0px;
    margin-left:auto;
top:-5px;}
    
.subsc_type{
        position:relative;
        height:auto;
        left:25.5vw;
        width:200px;
        top:250px;
        display:inline-block;
        background: rgb(161,0,196);
background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);

        background-color: #491d9b;
        padding: 30px;
        margin:30px;
        border-radius: 10px;
    height:437px}    
    .subsc_type_profile{
            position:relative;
            height:auto;
            left:25.5vw;
            width:200px;
            top:25px;
            display:inline-block;
            background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    
            background-color: #491d9b;
            padding: 30px;
            margin:30px;
            border-radius: 10px;
        height:437px}
    #subsc_front{left:19vw}
#explanation{
    position:absolute;
    top:240px;
    width:350px;
font-size:50px;
left:30px;
}
#frontpage_explanation_title{
    position:relative;
    top:145px;
    width:35vw;

left:14vw;

text-align:left;

font-weight: bold;
}
#frontpage_explanation{
    position:relative;
    top:110px;
    width:30vw;
font-size:19px;
left:14vw;
display: inline-block;
text-align:left;
line-height: 1.9;
font-weight: bold;
}
#subsc_explanation{
    position:absolute;
    top:300px;
    width:350px;
font-size:50px;
left:30px;
}
#calls_available{
    position:relative;
font-size:14px;
}
#req_message{
    position:relative;
    left:14px;
    top:380px;

}
#validate_email{}



.paypal_button{
    position:absolute;
}


#email_valid_section{
    
    top:190px;
    left:80px;
position:absolute;
width:240px;
border: solid;
border-radius: 2vh;
padding: 10px;

}
#valid_welcome{font-size: 11px;font-weight: normal; }
#current_subsc_id{position:absolute;font-weight: normal; }

.email_code_message{font-size: 11px;font-weight: normal; }
.validate_message{font-size: 11px;font-weight: normal; }


#queue_number{font-size:14px;
}}

@media (max-width:802px)  {
    #queue_number{font-size:17px;
    }
    body.welcome{
        background-image:url('../images/background2.png');
        background-attachment:scroll;
        background-repeat: no-repeat;
        background-size: auto;
        background-color: black;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
        font-family:Arial, Helvetica, sans-serif;
        color:white;    
    }
    body.welcome_disclaimer{
        
    
        background-color: black;
        box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1);
        font-family:Arial, Helvetica, sans-serif;
        color:white;    
    }
    
    #req_section{
        position:relative;
        height:auto;
        opacity:0.8;
        width:80vw;
        top:3vw;
        display:inline-block;
        background-color: black;
        padding: 30px;
        border-radius: 10px;
    }
    
    #req_section .req_text{
        border-radius: 1vh;
        width:28vw;
        border-style:solid;
        border-color: darkslateblue;
        background-color:darkslateblue;
        color:white;
        margin:5px;
        font-size:2.8vw
    }
    #req_section button{
        border-radius: 1vh;
        background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
        border-color: darkslateblue;
        width:161px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
    }
    
input[type='checkbox']{  -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;}
    .checkbox_group{padding:10px}
    
    .checkbox_label{
        color:white;
        font-family:helvetica;
        font-size: 17px;
        left:2px;
    }
    .videofilelabel{
        border-radius: 1vh;
        background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
        border-color: darkslateblue;
        width:161px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
        
        
        
        font-size:17px;
        padding:1px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #videofile[type="file"] {
        display: none;
    }
    .videofilelabel1{
        border-radius: 1vh;
        background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
        border-color: darkslateblue;
        width:161px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
        
        
        
        font-size:17px;
        padding:1px;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    #videofile1[type="file"] {
        display: none;
    }
    
    #video_file_description{
        position:relative;
        color:white;
        font-family:helvetica;
        font-size:17px;
    }
    
    #disclaimer{
        position:relative;
        color:white;
        font-family:helvetica;
        font-size:17px;
    top:60px;
    }
    
    #music_label{
        position:relative;
        color:white;
        font-family:helvetica;
        font-size:17px;
    }
    #music{
        border-radius: 1vh;
        background-color:darkslateblue;
        border-color: darkslateblue;
        width:220px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
        
        font-size:17px;
        padding:5px;
    }
    
    #back_game{
        border-radius: 1vh;
        background-color:darkslateblue;
        border-color: darkslateblue;
        width:220px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
        
        font-size:17px;
        padding:5px;
    }
    
    #seconds_between_clips{
        border-radius: 1vh;
        width:60px;
        border-style:solid;
        border-color: darkslateblue;
        background-color:darkslateblue;
        margin:3px;
        color:white;
        font-size:17px;
        padding:5px;
    }
    
    #seconds_between_clips_label{
        position:relative;
        color:white;
        font-family:helvetica;
        font-size:17px;
    }
    
    #video_file_path{
        position:relative;
        color:white;
        font-family:helvetica;
        font-size:17px;
    }
    
    #navbar {
        height:124px;
        width:97vw;
      overflow: hidden;
      background-color: black;
      display:none;
    }
    #navbar a {
        position:relative;
        
        color: aqua;
        margin-left:10vw;
        margin-bottom:2vw;
        width:29vw;
        text-decoration: none;
        
        font-size:4.6vw;
        font-family:helvetica;
        display:inline-block;
        transition: all .4s;
        -moz-transition: all .4s;
        -webkit-transition:all .4s;
        -o-transition: all .4s;  
    }

    footer p{position:relative;
        width:97vw; 
        text-align: center;
        line-height: 1;
        font-size:16px}
    #navbar p {
        position:relative;
        
        color: #f2f2f2;
        
        
        text-decoration: none;
        font-family:helvetica;
        margin-left:2vw;
        
        font-size:2vw;
        display:block;
    } 
    #req_load_gif{
    
        height:30px;
        position:relative;
        top:30px;
        display: inline-block;
    }
    #loading_chart{
        width:160px;
    }
    #loading_gif_reference{
        
    }
    
    #req_section label{
        color:white;
        font-family:helvetica;
        
    }
    
    #download_video_file{    border-radius: 1vh;
        background-color:darkslateblue;
        border-color: darkslateblue;
        width:161px;
        height: 80px;
        display: inline-block;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;}
    
        #screen_size_label{
            position:relative;
            color:white;
            font-family:helvetica;
            font-size:17px;
        }
    
    #screen_size{
        border-radius: 1vh;
        background-color:darkslateblue;
        border-color: darkslateblue;
        width:80px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
        font-size:17px;
        
        
        padding:5px;}
        
        #device_orientation_label{
            position:relative;
            color:white;
            font-family:helvetica;
            font-size:17px;
        }
    
    #device_orientation{
        border-radius: 1vh;
        background-color:darkslateblue;
        border-color: darkslateblue;
        width:80px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
        font-size:17px;
        
        
        padding:5px;}
        button{
        border-radius: 1vh;
        background-color:darkslategrey;
        border-color: darkslateblue;
        width:161px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
        font-size:17px;
    }
    #email_input{border-radius: 1vh;
        width:220px;
        border-style:solid;
        border-color: darkslateblue;
        background-color:darkslategrey;
        margin:3px;
        color:white;}
    
    
        .features{
         width:97vw;
            position:relative;
            text-align: center;
            left:0vw;
            line-height: 1.4;
            font-size:22px;
        display:none;
        }
    html{
        max-width:97vw;
        position: absolute;
        
    }
    body{
        position: absolute;
        max-width:97vw;
    }
    
    #email_code{border-radius: 1vh;
        width:154px;
        
        border-style:solid;
        border-color: darkslateblue;
        background-color:darkslategrey;
        margin:3px;
        color:white;}
    
        #download_edited_video{
        border-radius: 1vh;
        background-color:darkslategrey;
        border-color: darkslateblue;
        width:161px;
        font-family:helvetica;
        border-style:solid;
        color:white;
        margin:3px;
    padding:11px;}
    
        #img_title{
            padding:10px;
        height: 56px;
        display:inline-block;
        position:relative;    
    }
    #other_navbar{    display:inline-block;
        position:relative;
        left:1vw;
        border-radius:2vw;
        width:86vw;
       
        margin-top:3vw;
        margin-bottom:3vw;
    }
        
    .subsc_type{
            position:relative;
            height:auto;
            left:0vw;
            width:200px;
            top:11vw;
            display:inline-block;
            background: rgb(161,0,196);
            background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
            padding: 30px;
            margin:30px;
            border-radius: 10px;
        height:437px}
        .subsc_type_profile{
            position:relative;
            height:auto;
            left:0vw;
            width:200px;
            top:11vw;
            display:inline-block;
            background: rgb(161,0,196);
            background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
            padding: 30px;
            margin:30px;
            border-radius: 10px;
        height:437px}
        #explanation{
        position:relative;
        top:20px;
        width:300px;
    font-size:20px;
    left:10px;
    display:none
    }
    #subsc_explanation{
        position:absolute;
        top:300px;
        width:350px;
    font-size:50px;
    left:30px;
    }
    #calls_available{
        position:relative;
font-size:17px;
    }
    #req_message{
        position:relative;
        left:14px;
        top:30px;
    
    }
    #validate_email{}
    
    
    
    .paypal_button{
        position:absolute;
    }
    
    #frontpage_explanation{
        position:relative;
        top:2px;
        width:83vw;
    font-size:4.6vw;
    left:-15px;
    line-height: 1.7;
    font-weight: bold;
    }
    #big_signup a{
    cursor: pointer; 
    border-radius: 2vh;
    font-size: 17px;color:white;   
    text-decoration:none;
left:53vw;}
    
#proc_vid video


{
    width:97vw;


    position: relative;
 
    

}
#rec_vid video{
    width:97vw;


    position: relative;


}#big_signup{position: relative;    background: rgb(161,0,196);
    background: linear-gradient(221deg, rgba(161,0,196,1) 0%, rgba(0,17,232,1) 100%);
    color:white;   
    text-decoration:none;
    font-weight: bold;
    padding:20px;
    cursor: pointer; 
    border-radius: 2vh;
    font-size: 3.8vw;top:7vh;
left:1vw;}
    #frontpage_explanation_section{
        position:relative;
        top:25px;
        width:70vw;
    font-size:8vw;
    left:30px;
    }
    #email_valid_section{
        display:block;
        top:30px;
        left:30px;
    position:relative;
    width:240px;
    border: solid;
    border-radius: 2vh;
    padding: 10px;
    
    }#frontpage_explanation_title{
        position:relative;
        top:1px;
        width:70vw;
        font-size:8vw;
    left:14vw;
    
    text-align:left;
    
    font-weight: bold;
    }
    #valid_welcome{font-size: 11px;font-weight: normal; }
    #current_subsc_id{position:absolute;font-weight: normal; }
    
    .email_code_message{font-size: 11px;font-weight: normal; }
    .validate_message{font-size: 11px;font-weight: normal; }
    #transcription{position:relative;top:20px}
    }