html {
        font-family: "Lucida Sans", sans-serif;
    }

    body {
        margin: 0 auto;
        background: #F1F1F1;
        overflow-x: hidden;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.6;
    }

 /* ADRIAN - GOOGLE AD SENSE STYLING */
 
.adsbygoogle {
    
    display:block;
}


/* ADRIAN - TEXT POSITIONING */

    .center-text {
    text-align:center;
    }
    
    ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
    }
    
    .circle-list {
        list-style-type: circle;
        padding: .4em 0 .2em 0;
        margin-left: 1em;
    
}
    a {
        text-decoration: none;
    }
    
    nav ul li {
        list-style-type: none;
        
    }
    
    nav ul li a {
        display: block;
        text-decoration: none;
        color: #085A9D;
        width: auto;
        padding: 8px;
        margin-bottom: 7px;
    }

    nav ul li a:hover {
        color: azure;
        background-color: #085A9D;
    }
    
    .article-content, .aside-item {
        margin-bottom: 2.4em;
        padding: 1.2em 1em;
        background: #FFF;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    
    .article-content {
        margin-top: 0;
    }
    
    article header {
        background-color: #F2F9FE;
    
        padding: .2em 1em;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    }
    
    article header h1 {
        color: #085A9D;
        font-size: 1.5em;
        font-weight: 400;
        padding: 0.7em 0 0 0;
    }
    

    article h2 {
        font-size: 1.2em;
        font-weight: 300;
        padding: 1.2em 0 .4em 0;
        border: none;
           
    }
    .author {
    
    font-style: oblique;
    color: #085A9D;
    }
    
     aside h1, h2 {
        color: #085A9D;
        padding: 0 0 1.4em 0;
        font-weight: 300;
        border-bottom: solid 1px #085A9D;   
    }

    aside ul li { 
    margin: 10px 0 10px 0;
    border-bottom: dotted 1px #085A9D; 
    }

    aside ul li:last-child { 
    border-bottom: none; 
    }
    
    aside ul li a {
        display: block;
        text-decoration: none;
        color: #085A9D;
        width: auto;
        padding: 7px;
        margin: 7px 0 7px 0;   
    }

    aside a:hover {
        color: #333;
        background-color: #EEE;
    }

.small-text {
    font-size: .8em;
}

/* FORMS, INPUTS */

.input {
	float: left;
    padding: 10px;
    width: 100%;
}

textarea{overflow:auto; max-width: 100%; height: auto; min-height: 200px;}

.button {
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 1.4em 2px;
    cursor: pointer;
}

.button:hover {opacity: 0.8;}  /* Opacity when hovered */

.button1 {background-color: #4CAF50;} /* Green */
.button2 {background-color: #085a9d;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */


/* BACKGROUNDS AND COLOURS */
/* USED IN INDEX-4*/

.set-1-a {
    background-color: #085a9d;
    color: #FFFFFF;
}

.set-1-b {
    background-color: #FFFFFF;
    color: #085a9d;
}

.border-svg {
    border: 2px solid #ccc;
}
    
/* ADRIAN - BOX SIZING AND GRID SYSTEM - MOBILE UP */
* {
    box-sizing: border-box;
    font-weight: 300;
}
img {
    width: 100%;
    height: auto;
    max-height: 520px;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    width: 100%;
}

/* ADRIAN - TABLET SIZE - PORTRAIT */
@media only screen and (min-width: 600px) {
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
    
    .thumbnail-200 {
    width: auto;
    max-width: 300px;
    height: auto;
    max-height: 200px;
}
}

/* ADRIAN - DESKTOP SIZE - 768 PX  TO 900 PX */
@media only screen and (min-width: 768px) {
    
	
    
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    
    .boxed-container {
        margin: auto;
        width: auto;
        max-width: 1600px;
    }
    
    nav {
        border-bottom: dotted 1px #085a9d;
    }
    nav ul li {
        display: inline-block;
}
    nav ul li a {
        border-bottom: none;
    }
	
    
}

/* ADRIAN - DESKTOP SIZE - 960 PX UP TO 1200 PX */

@media only screen and (min-width: 960px) {
    
    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 16.66%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 41.66%;}
    .col-l-6 {width: 50%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 66.66%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}
    

}


/* ADRIAN - DESKTOP SIZE - OVER 1200 PX */

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



}