@charset "utf-8";
/* CSS Document */

* { 
padding: 0; 
margin: 0;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

h1 {
font-size: 225%;
}
p{
font-size: 100%;
}

@media screen and (min-width:1025px) 
{
Nav{
position: fixed;
top: 0;
width: 100%;
height: auto;
background: #1b1b1b;
margin: 0;
z-index: 10;
}

#nav_container{
width: 85%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction:row;
align-items: center;
/*background: rgba(9,21,148,1.00);*/
}

#nav_container img{
width: 100%;
height: auto;
margin: 0;
}

#nav_right{
/*background: rgba(68,127,132,1.00);*/
width: 100%;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
margin:.5% 0 .5% 40%;
}

.nav_link{
width: 20%;
height: auto;
list-style: none;
/*background: rgba(146,48,50,1.00);*/
text-align: center;
margin: 0 1.5%;
text-decoration: none;
color: #fafafa;
font-size: 110%
}

.nav_link:hover{
color: rgba(201,33,33,1.00);
}

#video_section {
width: 100%;
height: auto;
background: url("../img/video_section_bg_2.jpg");
}

.body_container {
width: 85%;
height: auto;
margin: 0 auto;
}

#video_title {
width: 100%;
height: auto;
padding: 7% 0 2% 0;
}

#video_title h1 {
color: #fafafa;
font-size: 300%;
}

#video_title h2 {
color: #fafafa;
font-size: 150%;
}

#videoholder {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
}

#videoplayer {
width: 65%;
height: auto;
margin: 0 0;
}

#chat {
width: 30%;
height: auto;
margin: 0 2.5%;
}

#chat img{
width: 100%;
height: auto;
}

#pusher {
width: 100%;
height: 1px;
margin: 8% 0 0;
/*background: rgba(255,0,4,1.00);*/
}

#sponsor_section {
width: 100%;
height: auto;
margin: 0 auto 0 auto;
background: url("../img/sponsors/rocketbg.jpg");
background-attachment: fixed;
}

.section_title_grey{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #1B1B1B;
}

.section_title_white{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #FAFAFA;
}

#top_sponsors {
width: 90%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-between;
}

.gold_sponsor_box {
width: 17%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
}

.silver_sponsor_box {
width: 17%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
}

.bronze_sponsor_box {
width: 17%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
}

.sponsor_box {
width: 17%;
height: auto;
background: rgba(150,51,52,1.00);
}

.sponsor_box_logo {
width: 80%;
height: auto;
margin: 0 auto;
padding: 8% 0 4% 0;
/*background: rgba(15,108,127,1.00);*/
}

.sponsor_box_logo img {
width: 100%;
height: auto;
}

.sponsor_box_text {
width: 80%;
height: auto;
margin: 4% auto 8% auto;
text-align: center;
}

.sponsor_box_text h3 {
text-decoration: underline;
}

#sponsorwall {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 4% 0;
}

#sponsorwall img {
width:90%;
height:auto;
}

footer {
width: 100%;
height: auto;
padding: 2.5% 0;
background:url("../img/grey_stars_bg.jpg");
background-attachment: fixed;
}

.rightjustify {
text-align: right;
color: #FAFAFA;
}

}

/*Ipad Landscape*/
@media all and (max-width:1024px) and (min-width: 1024px) 
{
Nav{
position: fixed;
top: 0;
width: 100%;
height: auto;
background: #1b1b1b;
margin: 0;
z-index: 10;
}

#nav_container{
width: 85%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction:row;
align-items: center;
/*background: rgba(9,21,148,1.00);*/
}

#nav_container img{
width: 70%;
height: auto;
margin: 0;
}

#nav_right{
/*background: rgba(68,127,132,1.00);*/
width: 100%;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
margin: 0%  0%;
}

.nav_link{
width: 20%;
height: auto;
list-style: none;
/*background: rgba(146,48,50,1.00);*/
text-align: center;
margin: 0 .25%;
text-decoration: none;
color: #fafafa;
font-size: 110%
}

.nav_link:hover{
color: rgba(201,33,33,1.00);
}

#video_section {
width: 100%;
height: auto;
background: url("../img/video_section_bg_2.jpg");
}

.body_container {
width: 85%;
height: auto;
margin: 0 auto;
}

#video_title {
width: 100%;
height: auto;
padding: 12% 0 2% 0;
}

#video_title h1 {
color: #fafafa;
font-size: 300%;
}

#video_title h2 {
color: #fafafa;
font-size: 150%;
}

#videoholder {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
}

#videoplayer {
width: 75%;
height: auto;
margin: 0 0;
}

#chat {
width: 25%;
height: auto;
margin: 0 2.5%;
}

#chat img {
width: 100%;
height: auto;
}

#pusher {
width: 100%;
height: 1px;
margin: 8% 0 0;
/*background: rgba(255,0,4,1.00);*/
}

#sponsor_section {
width: 100%;
height: auto;
margin: 0 auto 0 auto;
background: url("../img/sponsors/rocketbgtablet.jpg");
background-attachment: fixed;
}

.section_title_grey{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #1B1B1B;
}

.section_title_white{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #FAFAFA;
}

#top_sponsors {
width: 90%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: space-around;
}

.gold_sponsor_box {
width: 100%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 0 .5%;
}

.silver_sponsor_box {
width: 100%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 0 .5%;
}

.bronze_sponsor_box {
width: 100%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 0 .5%;
}

.sponsor_box {
width: 17%;
height: auto;
background: rgba(150,51,52,1.00);
}

.sponsor_box_logo {
width: 80%;
height: auto;
margin: 0 auto;
padding: 8% 0 4% 0;
/*background: rgba(15,108,127,1.00);*/
}

.sponsor_box_logo img {
width: 100%;
height: auto;
}

.sponsor_box_text {
width: 80%;
height: auto;
margin: 4% auto 8% auto;
text-align: center;
}

.sponsor_box_text h3 {
text-decoration: underline;
}

#sponsorwall {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 4% 0;
}

#sponsorwall img {
width:90%;
height:auto;
}

footer {
width: 100%;
height: auto;
padding: 2.5%;
background:url("../img/grey_stars_bg.jpg");
background-attachment: fixed;
}

.rightjustify {
text-align: right;
color: #FAFAFA;
}

}
/*Ipad Portrait*/
@media all and (max-width:1023px) and (min-width: 768px) 
{

Nav{
position: fixed;
top: 0;
width: 100%;
height: auto;
background: #1b1b1b;
margin: 0;
z-index: 10;
}

#nav_container{
width: 95%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction:row;
align-items: center;
/*background: rgba(9,21,148,1.00);*/
}

#nav_container img{
width:95%;
height: auto;
margin: 0;
}

#nav_right{
/*background: rgba(68,127,132,1.00);*/
width: 225%;
height: auto;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

.nav_link{
width: 12%;
height: auto;
list-style: none;
/*background: rgba(146,48,50,1.00);*/
text-align: center;
margin: 0 .25%;
text-decoration: none;
color: #fafafa;
font-size: 110%
}

#video_section {
width: 100%;
height: auto;
background: url("../img/video_section_bg_2.jpg");
}

.body_container {
width: 85%;
height: auto;
margin: 0 auto;
}

#video_title {
width: 100%;
height: auto;
padding: 12% 0 2% 0;
}

#video_title h1 {
color: #fafafa;
font-size: 300%;
}

#video_title h2 {
color: #fafafa;
font-size: 150%;
}

#videoholder {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
}

#videoplayer {
width: 100%;
height: auto;
margin: 0 0;
}

#chat {
width: 100%;
height: auto;
margin: 5% 0%;
}

#chat img{
width: 75%;
height: auto;
margin: 0 12.5%;
}

#pusher {
width: 100%;
height: 1px;
margin: 8% 0 0;
/*background: rgba(255,0,4,1.00);*/
}

#sponsor_section {
width: 100%;
height: auto;
margin: 0 auto 0 auto;
background: url("../img/sponsors/rocketbgtablet.jpg");
background-attachment: fixed;
}

.section_title_grey{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #1B1B1B;
}

.section_title_white{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #FAFAFA;
}

#top_sponsors {
width: 90%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}

.gold_sponsor_box {
width: 30%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 5% auto;
}

.silver_sponsor_box {
width: 30%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 5% auto;
}

.bronze_sponsor_box {
width: 30%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 5% auto;
}

.sponsor_box {
width: 17%;
height: auto;
background: rgba(150,51,52,1.00);
}

.sponsor_box_logo {
width: 80%;
height: auto;
margin: 0 auto;
padding: 8% 0 4% 0;
/*background: rgba(15,108,127,1.00);*/
}

.sponsor_box_logo img {
width: 100%;
height: auto;
}

.sponsor_box_text {
width: 80%;
height: auto;
margin: 4% auto 8% auto;
text-align: center;
}

.sponsor_box_text h3 {
text-decoration: underline;
}

#sponsorwall {
width: 100%;
height: auto;
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
padding: 4% 0;
}

#sponsorwall img {
width:30%;
height:auto;
margin: 5% 35%;
}

footer {
width: 100%;
height: auto;
padding: 5% 0;
background:url("../img/grey_stars_bg.jpg");
background-attachment: fixed;
}

.rightjustify {
text-align: center;
color: #FAFAFA;
}

}
/*Phone Size*/
@media all and (max-width:767px)
{
Nav{
width: 100%;
height: auto;
background: #1b1b1b;
margin: 0;
}

#nav_container{
width: 95%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction:row;
align-items: center;
/*background: rgba(9,21,148,1.00);*/
}

#nav_container img{
width: 100%;
height: auto;
margin: 0 auto;
}

#nav_right{
display: none;
}

.nav_link{
display: none;
}

#video_section {
width: 100%;
height: auto;
background: url("../img/video_section_bg_2.jpg");
}

.body_container {
width: 85%;
height: auto;
margin: 0 auto;
}

#video_title {
width: 100%;
height: auto;
padding: 7% 0 2% 0;
}

#video_title h1 {
color: #fafafa;
font-size: 200%;
}

#video_title h2 {
color: #fafafa;
font-size: 100%;
}

#videoholder {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
}

#videoplayer {
width: 100%;
height: auto;
margin: 5% 0;
}

#chat {
width: 100%;
height: auto;
margin: 5% 0%;
}

#chat img {
width: 75%;
height: auto;
margin: 0 12.5%;
}

#pusher {
width: 100%;
height: 1px;
margin: 8% 0 0;
/*background: rgba(255,0,4,1.00);*/
}

#sponsor_section {
width: 100%;
height: auto;
margin: 0 auto 0 auto;
background: url("../img/sponsors/rocketbgphone.jpg");
background-attachment: fixed;
}

.section_title_grey{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #1B1B1B;
}
.section_title_grey h1{
font-size: 200%;
}
.section_title_white{
width: 100%;
height: auto;
/*background: rgba(13,108,21,1.00);*/
padding: 2.5% 0;
text-align: center;
color: #FAFAFA;
}
.section_title_white h1{
font-size: 200%;
}

#top_sponsors {
width: 75%;
height: auto;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.gold_sponsor_box {
width: 100%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 5% 0;
}

.silver_sponsor_box {
width: 100%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 5% 0;
}

.bronze_sponsor_box {
width: 100%;
height: auto;
background: url("../img/bluestarsbg.jpg");
background-attachment: fixed;
color: #FAFAFA;
margin: 5% 0;
}

.sponsor_box {
width: 17%;
height: auto;
background: rgba(150,51,52,1.00);
}

.sponsor_box_logo {
width: 80%;
height: auto;
margin: 0 auto;
padding: 8% 0 4% 0;
/*background: rgba(15,108,127,1.00);*/
}

.sponsor_box_logo img {
width: 100%;
height: auto;
}

.sponsor_box_text {
width: 80%;
height: auto;
margin: 4% auto 8% auto;
text-align: center;
}

.sponsor_box_text h3 {
text-decoration: underline;
}

#sponsorwall {
width:50%;
height: auto;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
padding: 4% 0;
margin: 0 auto;
}

#sponsorwall img {
width:100%;
height:auto;
margin: 2.5% auto;
}

footer {
width: 100%;
height: auto;
padding: 8% 0;
background:url("../img/grey_stars_bg.jpg");
background-attachment: fixed;
}

.rightjustify {
text-align: center;
color: #FAFAFA;
}

}