/* Large screens ----------- */
	
	#main {
		width: 1000px;
	}

	#contentContainer  {
		float: left;
		width:700px;
		margin-top: 20px;
	
	}

	#sidebarContainer {
    float: right;
    height: 100%;
    letter-spacing: 0.99px;
    margin-top: 3px;
    padding-top: 45px;
    text-align: justify;
    width: 300px;
}

	.sideHeader {
   	 	font-size: 1.5em;
   	 	margin: 0 auto;
   		text-align: center;
   		width: 96%;
   		margin-bottom: 15px;
   		
	}

	#sidebar {
		margin-left: 10px;
		margin-right: 10px;
		
	}
	
	#sidebar img {
		 height: auto;
 		 width: auto;
   	     max-width: 100%;
   	     display: block;
    	margin-left: auto;
    	margin-right: auto; 
    	}

/* Regular screens ----------- */

@media only screen
and (min-width : 769px)
and (max-width : 999px) {

#main {
		width: auto;
		}

#contentContainer  {
		
		width: auto;
		height: auto;	
		 margin-top: 41px;
	}

	#sidebarContainer {
	
		width: 100%;
		height: auto;	
		
		
	
	
	}

	.sideHeader {
		text-align: center;
		padding-bottom: 8px;
		font-size: 1.6em;
		border-bottom: 4px double #e8e8e8;
		width: 98%;
		margin: 0 auto;

	}

	#sidebar {
		width: 98%;
		margin: 0 auto;
	}
	
}


/* iPad screens ----------- */

@media only screen
and (min-width : 481px)
and (max-width : 768px) {

#main {
		width: auto;
		}

#contentContainer  {
		
		width: auto;
		height: auto;	
		 margin-top: 41px;
	}

	#sidebarContainer {
	
		width: 100%;
		height: auto;	
		
		
	
	
	}

	.sideHeader {
		text-align: center;
		padding-bottom: 8px;
		font-size: 1.6em;
		border-bottom: 4px double #e8e8e8;
		width: 98%;
		margin: 0 auto;


	}

	#sidebar {
		width: 98%;
		margin: 0 auto;
	}
	
}
/* iPhone Small.css Large screens ----------- */

@media only screen
and (min-width : 321px)
and (max-width : 480px) {

	#main {
		width: auto;
		}

	#contentContainer  {
		
		width: auto;
		height: auto;	
		 margin-top: 41px;
	}

	#sidebarContainer {
	
		width: 100%;
		height: auto;	
		
		
	
	
	}

	.sideHeader {
		text-align: center;
		padding-bottom: 8px;
		font-size: 1.6em;
		border-bottom: 4px double #e8e8e8;
		width: 98%;
		margin: 0 auto;

	}

	#sidebar {
		width: 98%;
		margin: 0 auto;
	}
	
}
/* iPhone Smallest.css Large screens ----------- */

@media only screen
and (min-width : 5px)
and (max-width : 320px) {

	#main {
		width: auto;
		}

	#contentContainer  {
		
		width: auto;
		height: auto;	
		 margin-top: 41px;
	}

	#sidebarContainer {
	
		width: 100%;
		height: auto;	
		
		
	
	
	}

	.sideHeader {
		text-align: center;
		padding-bottom: 8px;
		font-size: 1.6em;
		border-bottom: 4px double #e8e8e8;
		width: 98%;
		margin: 0 auto;

	}

	#sidebar {
		width: 98%;
		margin: 0 auto;
		
	}
	
}