/* ======= @media-queries for resizing of the 
 QBRLS site pages ======== */



/* this query is for fixing the placement of the 
logo image to the width of the container elements*/

 @media (max-width: 800px) {

    .jumbo .Jcontainer .pull-left img {
  text-decoration: none;
  margin: 0px 40px 0px 15px;

}

}

   
 /* this query is for fixing the placement of 
 the logo image to the width of the container elements
  for Ipad, and mobile sized viewports */  
@media (max-width: 768px) {

	.jumbo .Jcontainer .pull-left img {
  text-decoration: none;
  margin: 0px 20px 0px 15px;
}   

}

 /* these two queries are for fixing the placement of
  the header p element to align with its container elements for 
  Ipad, and mobile sized viewports */  

@media (max-width: 800px) {

	.jumbo .Jcontainer p {
  margin-left: 170px;
} 

}


@media (max-width: 768px) {

	.jumbo .Jcontainer p {
  margin-left: 140px;
}   

}





 /* this query is for placing the position of the nav
  bar underneath the logo banner under tablet, and mobile resolutions */  
@media (max-width: 768px) {

.nav .container .pull-right {
  margin: 25px 0px 0px 0px;
}


}






 /* these query is for resizing the h1 element
 inside the header */  

@media (max-width: 768px) {

.jumbo h1 {
  font-size: 45px;
  padding-top: 30px;
}

}

@media (max-width: 648px) {

.jumbo h1 {
  font-size: 40px;
  padding-top: 30px;
}
}


@media (max-width: 595px) {

.jumbo h1 {
  font-size: 35px;
  padding-top: 30px;
}
}


@media (max-width: 526px) {

.jumbo h1 {
  font-size: 35px;
  padding-top: 10px;
}

}




/* these queries is for adjusting the header gradient */  
 
@media (max-width: 1100px) {

.jumbo .Jcontainer {
    background: -webkit-linear-gradient(to left, rgba(0, 0, 0, .4) , rgba(0, 0, 0, 1)); 
    background: -o-linear-gradient(to left, rgba(0, 0, 0, .4) , rgba(0, 0, 0, 1)); 
    background: -moz-linear-gradient(to left, rgba(0, 0, 0, .4) , rgba(0, 0, 0, 1)); 
    background: linear-gradient(to left, rgba(0, 0, 0, .4) , rgba(0, 0, 0, 1));
  }
}

@media (max-width: 650px) {
  .jumbo .Jcontainer {

    background: -webkit-linear-gradient(to left, rgba(0, 0, 0, .6) , rgba(0, 0, 0, 1)); 
    background: -o-linear-gradient(to left, rgba(0, 0, 0, .6) , rgba(0, 0, 0, 1)); 
    background: -moz-linear-gradient(to left, rgba(0, 0, 0, .6) , rgba(0, 0, 0, 1)); 
    background: linear-gradient(to left, rgba(0, 0, 0, .6) , rgba(0, 0, 0, 1));
}
}

@media (max-width: 550px) {

.jumbo .Jcontainer {
    background: -webkit-linear-gradient(to left, rgba(0, 0, 0, .7) , rgba(0, 0, 0, 1)); 
    background: -o-linear-gradient(to left, rgba(0, 0, 0, .7) , rgba(0, 0, 0, 1)); 
    background: -moz-linear-gradient(to left, rgba(0, 0, 0, .7) , rgba(0, 0, 0, 1)); 
    background: linear-gradient(to left, rgba(0, 0, 0, .7) , rgba(0, 0, 0, 1));
  }
}