* {
-webkit-box-sizing:initial;
-moz-box-sizing: initial;
box-sizing:initial;
}
body{
  font-size:21px;

}


#bballparallaxContainer{
  font-size:21px!important;
  position: relative;
}
.show {
display: none!important; 
}

#nav #subHeadWidgets{
  display:none;
}

p {
margin: 25px 0 25px;
}

h1{
  font-size:86px;
}
.parallax-window {
    min-height: 600px;
    background: transparent;
}

section {
  padding: 25px 0 25px;
  background: #fff;
  clear: both;
}

.parallax-container {
  height: 500px;
  width: 100%;
}

.moreinfoCue{
display: block;
position: absolute;
right: 1%;
bottom: 2%;
width: 48px!important;
}

#roll2 .moreinfoCue{
right: 20%;
bottom: 10%;
width: 30px!important;
}


video{
  width:100%;
}

#firstheading{
  top:25%;
  left:0;
  width: 100%;
  text-align: center;
  background: none;
  position: absolute;
}

pre {
  overflow: auto;
}

pre code {
  word-wrap: normal;
  white-space: pre;
}

footer {
  background: #000;
  color: #ddd;
  padding: 30px 0 30px;
  text-align: center;
}

footer a {
  color: #ddd;
  text-decoration: none;
}

footer a:hover {
  color: #eee;
  text-decoration: underline;
}

.container{
  max-width: 700px;
}


.container img{
display:block;
margin:0 auto;
}

.blah {
  width:100%;
}

.vidcontainer{
  max-width: 100%;
}

#roll1, #roll4, #roll5{
position: relative;


}

#roll2{
  float: right;
  position: relative;
  border-radius: 120px;
  width: 220px;
height: 216px;
margin: 0 auto;
}

.roll2img{
  margin-left: -5px!important;
margin-top: -5px!important;
display: inline!important;
}
#roll3 {
float: left;
position: relative;
width: 40%;
margin-right: 2%;
margin-bottom: 1%;
/* padding: 2%; */
/* padding-left: 0; */
}


#roll3 img, #roll4 img{
  width: 100%;
}


/*#roll1, #roll2, #roll3, #roll4, #roll5, .fallbackmobile{
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}*/
#roll1:hover, #roll2:hover, #roll3:hover, #roll4:hover, #roll5:hover, .fallbackmobile:hover {
  cursor: pointer;
/*-webkit-box-shadow: 0 0 25px 0 #5c5c5c;*/
/*box-shadow: 0 0 25px 0 #5c5c5c;*/

}

#rollover1, #rollover3, #rollover4, #rollover5{
position: absolute;
bottom: 0;
left: 4px;
color: #ffffff;
font-size: 1.5rem;
text-align: center;
background: rgba(0,0,0,0.7);
width: 100%;
opacity: 0;
}





#rollover2{
position: absolute;
display: table;
top: 0;
left: 0;
color: #ffffff;
text-align: center;
background: rgba(0,0,0,0.7);
height: 220px;
width: 220px;
border-radius: 120px;
opacity: 0;
}



#rollover3, #rollover4, #rollover1, #rollover5{
  display:block;
  bottom:0;
  left:0;
}


#rollover1, #rollover5{
  display: table;
}


#rollover1 span, #rollover3 span, #rollover4 span, #rollover5 span{
  display: table-cell;
  vertical-align: middle;
  padding: 2%;
  text-align: left;
}


#rollover2 span{
  display: table-cell;
  vertical-align: middle;
}


#rollover2, #rollover3{
  font-size: 1.8rem;
}

#rollover3 div, #rollover4 div{
display: table;
width: 100%;
height: 2%;
 
}

.fallbackmobile{
  display: none;
  width:100%;
  display:block;
  position: relative;
}

.fallbackmobile img{
  width: 100%;
}

.rollovermobile{
display: none;
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.7);
color: #ffffff;
width: 100%;
}

.rollovermobile div{
  display: table;
  position: relative;
width: 100%;

}

.rollovermobile div span{
display: table-cell;
vertical-align: middle;
padding: 2%;
font-size: 1.5rem;
padding-left: 5%;
}

.byline{
  padding: 0!important;
font-size: 1.2rem!important;
display: block!important;
}

/*embedded videos*/

@media only screen and (min-width : 0px){
body{
  display:none;
}
}



@media only screen and (min-width : 320px){
body{
  display:block;
}

#iframe, .playerWrapper {
max-width: 320px;
width: 100%;
height:180px;
margin:0 auto;
margin-top: 10px;
margin-bottom: 35px;
}

#rollover1 span,  #rollover4 span, #rollover5 span, #rollover2, #rollover3{
  font-size: 1.5rem;
}

.fallbackmobile{
  display:block;
}
.desktopfallback{
  display:none!important;
}
#roll2 {
float: none; 
position: relative;
margin: 0 auto;
}

#mobileTitle{
  display: block;
  position: absolute;
  color: #fff;
  z-index: 99999;
  top: 0.1%;
  text-align: center;
  /* left: 30%; */
  width: 100%;

}
}


@media only screen and (min-width : 360px){
    #mobileTitle{
    top: 0.15%;   
    }
}

@media only screen and (min-width : 400px){
    #mobileTitle{
        top: 0.22%;   
    }
}


@media only screen and (min-width : 460px){
    #mobileTitle{
        top: 0.24%;   
    }
}

@media only screen and (min-width : 530px){
    #mobileTitle{
        top: 0.6%;  
    }
}


@media only screen and (min-width : 640px){
#iframe, .playerWrapper {
max-width: 640px;
width: 100%;
height:360px;
}


.fallbackmobile{
  display:none;
}
.desktopfallback{
  display:block!important;
}
#roll2 {
float: right;
position: relative;
}

#mobileTitle{
  display:none;
}
}


@media only screen and (min-width : 960px){
#iframe, .playerWrapper {
max-width: 1020px;
width: 100%;
height:574px;

}

#rollover1 span, #rollover4 span, #rollover5 span, #rollover2, #rollover3 {
font-size: 1.8rem;
}

}

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

#iframe, .playerWrapper {
max-width: 1520px;
width: 100%;
height:855px;

}


}