@charset "UTF-8"; 


/*==================== Start Media Queries ====================*/
/*
bootstrap_ms_slakero.css: 
Extra small devices (phones, less than 480px)
Medium small devices (phones, 768px and up)

Extra small devices (Landscape phones and portrait tablets, less than 768px)

Small devices (Portrait tablets and small desktops, 768px and up)

Medium devices (Landscape tablets and medium desktops, 992px and up)

Large devices (Large desktops and laptops, 1200px and up)

*/


/* ===== Start Media Query by Min-Width ===== */

/*== less than 1200 == */
@media screen and (max-width: 1199px) {


}

/*== less than 992 == */
@media screen and (max-width: 991px) {




  #hero-logo {

    width:100% !important;
    height:auto !important;

  }

}

/*== less than 768 == */
@media screen and (max-width: 767px) {

  /*.navbar_xs drobmenu button background etc*/
  .navbar_xs {
    /*background-color: rgba(53, 27, 0, 0.7);*/
    /*background-color: rgba(138, 37, 40, 0.8);*/
    /*border-color: rgba(255, 255, 230, 0.0);*/
    /*background-color:transparent;*/
    /*background-color: rgba(51, 51, 51, 0.8);*/ /*set drop menu button background color*/
  }


  #menu_button_container {
    margin-top:0px !important;

  }

  .menu_maintext {
       color: rgba(255, 255, 255, 1.0); /*set drop menu maintext color*/
  }



  .menu_firstitem {
    margin-left:0px;
  } 

  .menu_lastitem
  {
    margin-right:0px;
  }

}

/*== less than 480 == */
@media screen and (max-width: 479px) {

/*
  #resy_container {
   top:120px !important;
  }
*/

}

/* ===== End Media Query by Min-Width ===== */


/* ===== Start Media Query by Min-Width ===== */

/*== 1200 and more == */
@media screen and (min-width: 1200px) {
}

/*== 992 and more == */
@media screen and (min-width: 992px) {
}

/*== 768 and more == */
@media screen and (min-width: 768px) {

  .menu_firstitem {
    /*margin-left:110px;*/
    /*border: 1px solid rgba(255, 255, 230, 1.0);*/
  } 

}

/*== 480 and more == */
@media screen and (min-width: 480px) {
}

/* ===== End Media Query by Min-Width ===== */


/* ===== Start Media Query by Range ===== */

/*== 1200 and more == */
@media (min-width: 1200px) {
  .mediaquerytest {
    background-color: red;
  }

/* poop prob need to do #onpage_info_container / fullpage_info_container ... css too
  #intro_container {
    display:none;		
  }
*/

}

/*== 992 to 1199 == */
@media (min-width: 992px) and (max-width: 1199px) {

  .mediaquerytest {
    background-color: purple;
  }
}

/*== 768 to 991 == */
@media (min-width: 768px) and (max-width: 991px) {
  .mediaquerytest {
    background-color: blue;
  }

}

/*== 480 to 767 == */
@media (min-width: 480px) and (max-width: 767px) {
  .mediaquerytest {
    background-color: green;
  }

}

/*== Less than 480 == */
@media (max-width: 480px) {
  .mediaquerytest {
    background-color: yellow;
  }

}

/* ===== End Media Query by Range ===== */


/*==================== End Media Queries ====================*/