/* 
    Created on : 15-Mar-2015, 20:45:01
    Author     : Matt
*/

@media screen and (max-width: 99999px){
    .viewPort{
        position: relative;
        margin: auto;
        width: 807px;
        height: 1600px;
        margin-top: 1%;
        color: black;
       text-align: center;
     } 
     .contactViewPort{
        position: relative;
        margin: auto;
        width: 807px;
        height: 1000px;
        margin-top: 1%;
        color: black;
       text-align: center;
     } 
         
     
     .youHaveSelected{
                
        //margin: auto;
        border: 2px solid black;
        //padding: 10px 40px; 
        background: rgba(163, 204, 255, 1);
        width: 800px;
        height: 55px;
        //display: table-cell;
        white-space: nowrap;
        border-radius: 10px;
        text-align: center;
        //display: inline-block;
        vertical-align: middle;
        pointer-events:auto;
        
     }
     
    
     
     .backButton{
       position: relative;
       background-image: url("../images/BACK_BUTTON.png");
       background-repeat: no-repeat;
       width: 69px;
       float: right;
       height: 50px;
       margin-right: 1%;
       margin-top: -5%;
    }
    .backButton:hover{
        background-image: url("../images/BACK_BUTTON_rollover.png");
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .backButton:active{
        background-image: url("../images/BACK_BUTTON_active.png");
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .backButtonLabel{
        position: relative;
        vertical-align: middle;
        top:17px;
        left: 10px;
        font-size: 0.9em;
        color: black;
        font-weight: bold;
    }
    .youHaveSelectedText{
        font-size: 1.4em;
        margin-top: 2%;
    }
    .termsHolder{
        position: relative;
       margin-top: 10px;
       margin-bottom: 10px;
       padding: 10px;
        width: 777px;
        height: 1450px;
        text-align: left;
        //background: rgba(84, 141, 211, 1);
        background: rgba(163, 204, 255, 1);
        //background: white;
        //background: rgba(0,0,0,0.8);
        border: 5px solid black;
        border-radius: 10px;
        color: black;
       
    }
    .contactHolder{
        position: relative;
       margin-top: 10px;
       margin-bottom: 10px;
       padding: 10px;
        width: 777px;
        height: 900px;
        text-align: left;
        //background: rgba(84, 141, 211, 1);
        background: rgba(163, 204, 255, 1);
        //background: white;
        //background: rgba(0,0,0,0.8);
        border: 5px solid black;
        border-radius: 10px;
        color: black;
       
    }
   
}
@media screen and (max-width: 840px){
    .viewPort{
        height: 1700px;
        width: 640px;
    }
    .contactViewPort{
        
        width: 640px;
        height: 1000px;
        
     } 
     
    
     .youHaveSelected{
         width: 640px;
         height: 55px;
     }
     .backButton{
         margin-top: -5.5%;
     }
     .termsHolder{
         width: 610px;
         height: 1600px;
     }
     .contactHolder{
           
        width: 610px;
        height: 900px;
        
       
    }
     
}
@media screen and (max-width: 680px){
    .viewPort{
        width: 480px;
         height: 2000px;
    }
    .contactViewPort{
        
        width: 480px;
        height: 1100px;
        
     } 
          
     .youHaveSelected{
         width: 480px;
         height: 55px;
     }
     .backButton{
         margin-top: -7%;
     }
     .termsHolder{
         width: 450px;
         height: 1850px;
     }
     .contactHolder{
           
        width: 450px;
        height: 1000px;
        
       
    }
     
}
@media screen and (max-width: 520px){
    .viewPort{
        width: 310px;
       height: 2700px;
    }
    .contactViewPort{
        
        width: 310px;
        height: 1150px;
        
     } 
    
     .youHaveSelected{
         height: 90px;
         width: 310px;
     }
     .backButton{
         margin-top: 0%;
     }
     .termsHolder{
         width: 280px;
         height: 2500px;
     }
     .contactHolder{
           
        width: 280px;
        height: 1000px;
        
       
    }
     a{
         font-size: 0.9em;
     }
     

}