/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
   
    /* Default link styling */
    a:link { 
			color:rgb(100, 100, 184);			
		}
		
    a:visited { 
			color:; 
		}
    
		a:hover, a:focus { 
			color:rgb(100, 100, 184); 
		}
    
		a:active { 
			color:rgb(100, 100, 210); 
		}
    
/* ---------------------------------------------------------
   Typo
   ---------------------------------------------------------*/
    body {  
			font-family: 'Georgia', serif;
    }    
    
		h1, h2, h3, h4, h5, h6{
			font-family: 'Helvetica', sans-serif;
			
		}
		
		.sign{
			text-align: right;
			padding-right: 50%;
			padding-bottom: 2em;
			font-size: 1.5em;
			font-style: italic;
			display: none;
		}
 /* ---------------------------------------------------------
   Color
   ---------------------------------------------------------*/
    body {
			color: rgb(50, 50, 85);
    }    
    
		h1, h2, h3, h4, h5, h6{
			color: rgb(65, 65, 120);
			
		}
		footer{
			background: rgba(255, 255, 255, 1);
			border-top: 5px solid #ABABC4;
		}
    
/* ---------------------------------------------------------
   Layout
   ---------------------------------------------------------*/
    body {
			padding: 5%;   
			box-sizing: border-box; 
    }
		
		main, aside{
			margin-bottom: 3em;
		}
		
		footer{
			width: 100%;
			position: fixed;
			bottom: 0;
			padding-top: 15px;
		}
		
		footer a{
			padding-left: 2em;
		}
			
		figure{
			width: 100%;
			margin: 0;
		}
		
		img{
			max-width: 100%;
			box-shadow: 2px 2px 4px;
		}

		@media (min-width: 768px){
			
			main, aside{
				float: left;
			}
			
			main{
				width: 70%;
				padding-right: 15px;
				border-right: 3px solid #ABABC4;
			}
			
			aside{
				width: 25%;
				padding-left: 15px;
				border-left: 3px solid #ABABC4;
				margin-left: -3px;
			}
			
			
		}
    
/* ---------------------------------------------------------
   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; }
}