div.slicknav_menu {display:none;}
        .nav { border-bottom: 0; margin: 0; background-color: #0CF; }
        .nav li a { display: block; text-decoration: none; padding: 0.75em; }
        .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; }
        .nav { border: 0; }
        .nav ul { background: #0CF; margin-top: 0; list-style: none; padding-left: 0px; }
        .nav li { float: left; position: relative; }
        .nav li a { border-bottom: 0; }
        .nav li a:hover, .nav li a:focus { color: white; text-decoration: underline; }
        .nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; }
        .nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; }
         .nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; }
        .nav li:hover > ul { top: auto; visibility: visible; }
        /* ########################
        Content styles
        ######################## */
        main#main img { max-width: 100%; height: auto; }
        img.alignright { float: right; margin: 0 0 1em 1em; }
        img.alignleft { float: left; margin: 0 1em 1em 0; }
        img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
        .alignright { float: right; }
        .alignleft { float: left; }
        .aligncenter { display: block; margin-left: auto; margin-right: auto; }


/*==================== Nav ====================*/
    .nav { float: right; background: none; margin-top: 30px; }
    .nav ul { background: none; }
    .nav ul a { color: #000; }
    .nav ul a:hover { color: #000; }
    .nav ul li:last-of-type a { padding-right: 0px; }

/*==================== Body ====================*/
    .wp-block-image figcaption { color: #888888; margin-bottom: 30px; }
    .wp-block-image.size-full { margin-bottom: 30px; padding: 5px; background-color: #00aade; }
    .wp-block-image.size-full figcaption { text-align: center; color: #fff; margin-bottom: 10px; }
    .article-header img { padding-bottom: 1.5em; }



/*==================== Home Page ====================*/
    .blog-grid { justify-content: space-between; }
    .blog-grid .d-1of3 { width: 30%; flex-basis: 30%; }
    .blog-grid h3 { font-size: 1.1em; line-height: 1.3em; padding-bottom: 0px; }
    .blog-grid p.post-date { padding-bottom: 5px; font-size: 0.8em; }
    .blog-grid p.post-excerpt { font-size: 0.8em; }

    .blackOverlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; }

/*==================== Pagination ====================*/
    .pagination, #content .pagination { text-align: center; width: 100%; clear: both; padding: 20px 0px; }
    .pagination ul, #content .pagination ul {display: inline-block;background-color: white;white-space: nowrap;padding: 0;margin: 0;clear: both;border-radius: 3px;}
    .pagination li, #content .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; }
    .pagination a, .pagination span, #content .pagination a, #content .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 14px; font-size: 14px; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2592E9; }
    .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: white !important; }
    .pagination .current, #content .pagination .current { cursor: default; color: #fff !important; background-color: #2592E9; }
    .pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: white !important; }


Why is website hosting so important?

Hosting is an important part of running a website that many people overlook but it can have drastic effects on your websites performance if not taken into account!

To start with let’s go over what hosting is so that we can understand why it’s important and how it can cause problems.

Hosting is essentially a computer connected to the Internet and holds your website so that when your clients request your site it is able to send the files over – think about it as a man acts sitting there constantly waiting for people to ask for information. This information is requested when someone types in your website address ie www.google.co.uk, the man then looks at the request and then works out which files need to be sent back before combining them and sending them back to the client – just like sending an email.

Each of these requests take time and resources to deal with – even if this happens in a blink of an eye, but the important part of this is that our man only has limited capacity to deal with the requests. If the man gets to many requests then things will start to slow down while he processes all of the requests and if the demand continues the slow down will get to a point where pages are loading so slowly clients are left waiting and in some cases the site will go down all together!

This is where the different types of hosting reveal themselves, at the bottom level you get shared budget hosting which involves a single server (man) being put in charge of multiple websites – think 100’s – he then has to deal with all requests for all websites he looks after. This set up is based on the assumption that each one of the sites is small and does not get allot of traffic so that the man dealing with requests is able to keep up with the demand. If a single website on this server gets popular and takes up more resources then all sites on the server will be affected with slow loading pages and ultimately down time.

At the other end of the range you have dedicated servers which is essentially a single man looking after a single website, this means that the site has the full resources available to it as its not shared with anyone else. This set up can even be expanded to include multiple servers / men  looking after a single site.

The downside of upgrading your hosting to that level is it gets expensive very quickly! to learn more about the different types of hosting please see my other blog post What is web hosting? and how to choose the right type

I decided to write this post after seeing several people with big problems caused by poor hosting, the results ranged from very slow running websites, sites that displayed error messages to the customers to sites that simply did not work. All of these are bad for client relations and can give a bad impression so it is important that you have hosting that is upto the job! Cheap hosting may look ideal to start with but in the long run the damage to your reputation it can do is incredible – not to mention the cost of putting thing right!

The thing to remember however is no hosting solution is 100% and blips are to be expected but if its a regular occurrence its time to look at your provider!