@media only screen and (min-width: 400px) {

 img.product-listing-pic{

    width:125px;
    height:75px;
      margin-left:10px;
    margin-bottom:10px;

}


    #nav ul li a {
        font-size: 1em;
    }

    #nav ul li a.active {
        background-color: #3f8000;
        color: white;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
         border-radius: 9px;
         -khtml-border-radius: 9px;
    }

  div.box{
	display:inline-block;
	max-width:49%;
  }
  div.box-3{

	display:inline-block;
	max-width:32%;
	border:1px solid #ccc;
	padding:0;
	margin:0;
	text-align:center;
	min-height:200px;

  }

} /* end 400px */


@media only screen and (min-width: 500px) {
  #footer-left{
       float:left;
       text-align:left;
   }
   #footer-right{
       float:right;
       text-align:right;
   }

  img.prog-pic{
      
      width:160px;
      height:140px;
      margin-left:20px;
  }
  img.xl-pic{
      width:100px;
      height:80px;
  }

  img.paypal-badge{
     
      margin-top:40px;
    
  }

           
  #kon-headshot{
     margin-left:20px;
     margin-bottom:20px;
    width:150px;
    height: 143px;
  }
      
  #sing-noodles{

     margin-left:20px;
     margin-bottom:20px;
     width:150px;
     height: 90px;
  
  }
     
  #creamy-garlic-prawns{

     margin-left:20px;
     margin-bottom:20px;
      width:150px;
     height: 90px;
  }

  textarea.msg_box{
		width:400px;
		height:150px;
	
	}
 
}/* end 500px */



@media only screen and (min-width: 650px){
    
      #kon-pic{
         width:200px;
         height:209px;
           margin-left:20px;
        margin-bottom:20px;
     }
 
      #sing-noodles{

      margin-left:20px;
        margin-bottom:20px;
       width:250px;
       height: 150px;

   
     }

     #creamy-garlic-prawns{

      margin-left:20px;
      margin-bottom:20px;
    width:250px;
    height: 150px;

   
     }

    img.product-listing-pic{

      width:250px;
      height:150px;

     }

     #footer{
     
       margin-top:10px;
     }

  
    #logo{
        
      width:200px;
      height:65px;
       float:left;
       margin-left:10px;
       margin-top:20px;
        margin-bottom:20px;
    }

 
    #nav-wrap{
       
        clear:none;


    }

   #nav{
       float:right;
       margin-top:35px;
       padding-top:0;
   }
 
  div.home-link{
      border:none;
       
  }

  #home-links{
     
      clear:both;
      margin-top:20px;
      margin-bottom:10px;
      
     
  }

  table.link-table{
      margin-bottom:0;
  }

  table.link-table tr td{
      padding: 5px;
  }

  h1.course-title{
    margin-bottom:20px;
 }


}/* end 650px */



@media only screen and (min-width: 800px) {

	#header-wrapper{

		position:fixed;
		max-height:100px;
		top:0;
		left:0;
		z-index:1000;
		opacity:0.95;
	}	
	#wrapper{
		margin-top:100px;
	}
	h1,h2{ margin-bottom: 1rem; }
	h1{
		font-size:2rem;
	}
	h2{
		font-size:1.5rem;
	}
	p{
		font-size:1rem;
	}
	.page-anchor{
		padding-top:100px;
		margin-top:-100px;
	}

    #kon-headshot{
    	width:200px;
 	     height: 191px;

	}

}/* end 800px */