/* sets base style for each page
html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
 */


 body {
   background-color:   #a9cce3;
/*background: url(wallflip.jpg) no-repeat top fixed;*/
background: url(wallflip.jpg) repeat-x top center fixed;
/*background-size: auto 600px;  */
background-size: 750px auto;

 }
 @media  (max-width: 750px) {

           body {
         background-image: none;
       }
 }

 .navbar-inverse{
margin:0 0px;
   background-color: transparent;
 }
 .container-fluid{
   background-color: #000;
 }
.container{
background-color:  # #a9cce3;
background-image: url('wall.jpg');
background-size: 750px auto;
background-repeat: no-repeat;
background-clip: content-box;
background-attachment: fixed;
background-position: top;
padding-right: 0px;
padding-left: 0px;
}
.other_options{
  resize: both;
/*1000px 1000px; 80% 80%;cover;*/

}

#responsive-image1 {
  width: 100%;
  height: 400px;

  background-size: contain;
  border: 1px solid red;
}
#responsive-image2 {
  max-width: 100%;
   height: auto;
 }
#responsive-image3 {
  width: 100%;
  height: 400px;
  background-size: cover;
  border: 1px solid red;
}

/* For devices smaller than 400px:
body {
 background-image: url('img_smallflower.jpg');
}

/* For devices 400px and larger: */
/*@media only screen and (min-device-width: 400px) {
 body {
   background-image: url('img_flowers.jpg');
 }
}
*/
/* another option to try
<div class="bgimg" >

</div>

External CSS
*/
/* Show in Large desktops and laptops *
@media (min-width: 1200px) {

.bgimg {
        background-image: url('../img/your-eternity.jpg');
        background-repeat: no-repeat;
        height: 800px;
        width: 1000px;
        background-size:100% auto;
    }

}

/*Hide in Other Small Devices


/* Landscape tablets and medium desktops *
@media (min-width: 992px) and (max-width: 1199px) {

      .bgimg {
        background-image: none;
    }

}

/* Portrait tablets and small desktops *
@media (min-width: 768px) and (max-width: 991px) {

          .bgimg {
        background-image: none;
      }
}
*/


/* set background image per page */
#wallpaper {
background: url("img/P1030286.JPG") no-repeat center center fixed;
}
.dashboard {
/*background: url("img/image001.jpg") no-repeat center center fixed;
*/
}
.contact {
background: url(images/contact-bg.jpg) no-repeat center center fixed;
}
.footer{
  background-color: #000;
  text-align: center;
  color: #fff;
  padding: 1em;

}