/* 
    ********************************************************************************* 
    
    Smartphones - iPhone 4 
	landscape
	max width = 480p (30em)
	max height - 320p (20em) 
	
    ASIDE IS ALSO PLACED UNDER ARTICLE
                                                      
    ********************************************************************************* 
*/
	
	@media all and (max-device-width : 30em) and (max-device-height: 20em) and (orientation : landscape) {	
	
	
/*********************************  HEADER   ************************************/
    
    .header-logo img {
        max-width: 100%;
        height: auto;
    }
 
	/* Makes the drop down menu look better */
	nav {
		padding-top: 1em;
	}
	
   .top-line {
		font-size:0.65em;
	}
	
	.bottom-line {
		font-size:.65em;
	}
	
/*********************************  MENU  ************************************/	
	.menuBar {
		display: none;
		width: auto;
		height:auto;
	}
	
	.menuBar ul {
		margin: 0;
		padding: 0;
	}
	.menuBar li {
		display: block;
		clear: both;
		float: left;		
	}

	.menuBar li:not(:first-child) {
		margin-left:0em;
	}
	
	.menuBar li a, .menuBar li span {
		font-size:0.8em; 	
	}
	
	#menuToggleIcon {
		display: inline;
		float: left;
		height:auto;
		margin-right:1em;
	}     
  
	header {
		height:auto;
	}
	
/*********************************  ASIDE   ************************************/    
    
    aside {
        display:block;
        float:left;
        width: 100%;	
		border-bottom:thin solid #878787;		
    }   
	
	.aside-content {
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	
	.aside-intro {
		font-size:.8em;
		padding-bottom:2em;
	}
	
	
	
/*********************************  ARTICLE   ************************************/       


	
	/* No aside */
	article {
        display:block;
        float:left;
        width: 100%;
	}
	
	.article-image img {
        height: auto;
		width: 100%;		
	} 
	
	
	/* CONTACT.HTML  */
	.contact-left {
		display:none;
	}
	
	.contact-right {
		display:block;
		float:left;
		width:82%;
		margin-left:18%;
		padding-bottom:2em;		
	}
	
	.contact-right img {
		max-width: 100%;
		height:auto;	
	}
	
	.contact-header {
		padding-top:2em;	
		
	}
	
	.contact-right img {
		max-width: 100%;
		height:auto;	
	}
	
	/*********************************  FOOTER   ************************************/    
	.copyright  {
		font-size:.7em;		
	}
	
	/*********************************  FOOTER   ************************************/    
	
	.copyright{
		font-size:.7em;		
	}
	
	

}