$(document).ready(function(){
    var sideMenu = false;
    var wind = $(window).width(); 
       if(wind <= 800){
         $('#top-menu').hide(); 
         $('#icon-container').show();
         $('#nav-icon').show();
           small = true;
           console.log(small);
       }else{
         $('#icon-container').hide();
         $('#nav-icon').hide();
           small = false;
           console.log(small);
       }
    $(window).resize(function(){
        var wind = $(window).width(); 
        if(wind <= 800){
         $('#top-menu').hide();
         $('#icon-container').show();
         $('#nav-icon').show();
           small = true;
           console.log(small);

       } else {
         $('#icon-container').hide();
         $('#nav-icon').hide();
         $('#top-menu').show(); 
           small = false;  
           console.log(small);
       }
    });

    
    $('#nav-icon').click(function(){
    $('#side-menu').show();
        sideMenu = true;
    });
    
    $('.content-wrap').click(function(){
    if( sideMenu == true){
        $('#side-menu').hide();
    };
    });
    
    
    
    
    
    
    
    
    
    
    
    
    
});