/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
    body {

    }
    /* Default link styling */
    a:link { color:#e5005b; }
    a:visited { color:#e5005b; }
    a:hover, a:focus { color:#fff; }
    a:active { color:#e5005b; }
    
    
    
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
    body {
    padding: 0 5%;
    background-color: #23254f;
    background-image: linear-gradient(180deg, #3b4395, #23254f 25%, #642263 66%, #e5005b 100%);
    color: #fff;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    }

h1{font-size: 180%; font-weight:700;margin:30px 0 10px 0}
h2{font-size: 150%; font-weight:700;margin:30px 0 10px 0}
h3{font-size: 115%; font-weight:700;margin:30px 0 10px 0}
h4{font-size: 100%}
p {margin:0 0 15px 0;}
ul {padding-left: 20px;}
img {width: 100%; height: auto;}
.logo {max-width: 400px;margin: 5% auto}

nav {color: #fff!important;}
    
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */ 
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}