/********************************************************/ 
/*** Client : Papa Pepi's Paella
/***
/*** Author : Cairns Web Design 
/*** URL :    www.cairnswebdesign.com.au  
/***
/********************************************************/ 

nav select {display:none;}

/** Breakpoint Starts *******************************************/
@media (max-width: 980px) {

    img {max-width: 100%; height:auto;}

    #wrapper {
       max-width: 100%;
    }

    #callout {
      max-width: 100%;
      }

    .col {
      max-width: 25%; 
      margin: 1em;
      background: #EFEFEF;
      }

    #footer {
      max-width: 100%;
    }

    #footer-inner {
      max-width: 100%;
    }

    #footer-inner .col-01 {
        max-width: 100px;
      }

    #footer-inner .col-02 {
    }


    .lb-image, .lb-dataContainer {
     max-width: 100%;
     height: auto !important;
     width: 100%;
    }

    .lb-outerContainer {
     max-width: 100%;
     height: auto !important;
    }

    #author {
      max-width: 100%;
      text-align: center;
    }

    iframe {
    max-width: 100%;
    height: auto;
    width: auto; /*IE8 bug fix*/
    vertical-align: middle;}

}
/** Breakpoint Ends *********************************************/






/** Breakpoint Starts *******************************************/
@media (max-width: 850px) {

  nav li a {
    border-right: 1px solid #ccc; 
    color: #FFF;
    display: block;
    padding: 16px 5px;
    text-decoration: none;
  }
   
  #footer li a {
    padding: .25em 5px;
  }

}
/** Breakpoint Ends *********************************************/



/** Breakpoint Starts *******************************************/
@media (max-width: 650px) {

  /*body {background: yellow;}*/ /*Testing*/

  html {font-size: 14px !important;}

  h1 {font-size: 22px !important;} 


  nav li a {
    padding: 12px 8px;
  }

  nav {text-align: center;}
  nav ul {display: none;}
  nav select {display: inline-block;}


  #callout {
    width:100%;
    margin: 0 auto;
  }

  .col {
    float:none;
    max-width: 50%;
    margin: 1em auto;
  }

  .noshow {display: none;}

  #footer-inner {
    max-width: 100%;
  }

  #footer li a {
    border: none;
  }

  #footer-inner ul li {
    border-bottom: 1px solid #666;
    padding: 1em;
    display:block;
  }

  #footer-inner {
    float: none;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
  }


  input[type="text"],textarea {clear: left;}
  label {margin: 10px 0px;}
  .required {  margin: 10px 25px 10px 5px;}
  .submit {margin:20px 0 0 100px;}



}
/** Breakpoint Ends *********************************************/