/* pixel range is defined in the .master */
.ball {
    width: 24vw;
    top: 71vw;
    left: 38vw;
}
img.goalie {
    width: 22vw;
    top:50vw;
    left:39vw;
    z-index:1;
}


.spin {
    animation-name: spin;
    animation-duration: 300ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.missed1 {
    width:5vw;
    top:24vw;
    left:32vw;
}

.missed2 {
    width:2vw;
    top:20vw;
    left:20vw;
}

.missed3 {
    width:2vw;
    top:20vw;
    left:10vw;
}

.missed4 {
    width:1vw;
    top:24vw;
    left:-3vw;
}



.missed1.right {
    left:auto;
    right:32vw;
}

.missed2.right {
    left:auto;
    right:20vw;
}

.missed3.right {
    left:auto;
    right:10vw;
}

.missed4.right {
    left:auto;
    right:-3vw;
}


.goal1 {
    width: 6vw;
    top: 42vw;
    left: 71vw; 
}

.goal2 {
    width: 5vw;
    top: 40vw;
    left: 69vw;
}

.goal3 {
    width: 4vw;
    top: 45vw;
    left: 66vw;
}

.goal4 {
    width: 4vw;
    top: 55vw;
    left: 62vw;
}








.globalHeader {
    font-size: 3vw;
}
.regTitle {
    font-size:3vw;
}


.landingBTN {
    width:95%;
    padding:2vw;
}

.landingBTN i {
    font-size:50px;
    margin:5px;
}

.landingBTN .text .title {
    text-transform:uppercase;
    font-size:16px;
}

body {
    width:100%;
    max-width:100%;
}
.totalWidth {
    width:100vw;
}
.playOptions {
    width:100%;
}
.regBoxWidth {
    width:100%;
    max-width:100%;
}
.regBox {
    /*min-width:90vw;*/
    width:100%;
    max-width:100%;
    clear:both;
    /*float:left;*/
    height:auto;
    text-align:center;
    position:relative;
    margin:0 auto;
}
.instructionsArea {
    width:100%;
    max-width:100%;
    float:left;
    height:auto;
    line-height:0;
}
.yui3-js-enabled{width:793px;max-width:793px;}

.dB {
    display:initial;
}
.fB {
    display:block;
}