/*** **** MEDIA QUERY OVERRIDE **** ***/

 /*very small devices*/
 @media (max-width: 480px) and (orientation: landscape) {
	#main-container{
		margin-top:5px; 

		margin-left:8%; 
		margin-right:8%;
	
		margin-bottom:10px;	
	
	}
	
	#content{
	width:100%;
	height:auto;
	
	margin-bottom:15px;
	
	background-color:#ffffff;
	border:solid;
	border-width:1px;
	border-color: #e7e7e7;
/*	border-radius:5px 5px 5px 5px;	*/
	padding:8px;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	
	}
	
	/*HOME PAGE*/
	
	#presentation{
		color:#444; 
		padding: 2%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#etiquette{
		color:#444; 
		padding: 2%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;
	}
	
	#news{
		color:#444;
		padding: 2%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#work_text{
		padding: 2%; 
	}
	
	#policy_text{
		padding: 2%; 
	}
 }
 
 @media (max-width: 767px) {
	#main-container{
		margin-top:5px; 

		margin-left:5%; 
		margin-right:5%;
	
		margin-bottom:10px;	
	
	}
	
	#content{
	width:100%;
	height:auto;
	
	margin-bottom:15px;
	
	background-color:#ffffff;
	border:solid;
	border-width:1px;
	border-color: #e7e7e7;
/*	border-radius:5px 5px 5px 5px;	*/
	padding:5px;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	
	}
	
	/*HOME PAGE*/
	
	#presentation{
		color:#444; 
		padding: 2%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#etiquette{
		color:#444; 
		padding: 2%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;
	}
	
	#news{
		color:#444; 
		padding: 2%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#work_text{
		padding: 2%; 
	}
	
	#policy_text{
		padding: 2%; 
	}
 }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#main-container{
		margin-top:5px; 

		margin-left:5%; 
		margin-right:5%;
	
		margin-bottom:10px;	
	
	}
	
	#content{
	width:100%;
	height:auto;
	
	margin-bottom:15px;
	
	background-color:#ffffff;
	border:solid;
	border-width:1px;
	border-color: #e7e7e7;
/*	border-radius:5px 5px 5px 5px;	*/
	padding:10px;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	
	}
	
	/*HOME PAGE*/
	
	#presentation{
	/*	float:left;
		max-width:60%;*/
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#etiquette{
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;
	}
	
	#news{
	/*	float:right;
		max-width:40%;*/
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#work_text{
		padding: 1%; 
	}
	
	#policy_text{
		padding: 1%; 
	}
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#main-container{
		margin-top:5px; 

		margin-left:10%; 
		margin-right:10%;
	
		margin-bottom:10px;	
	
	}
	
	#content{
	width:100%;
	height:auto;
	
	margin-bottom:15px;
	
	background-color:#ffffff;
	border:solid;
	border-width:1px;
	border-color: #e7e7e7;
/*	border-radius:5px 5px 5px 5px;	*/
	padding:15px;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	
	}
	
	/*HOME PAGE*/
	
	#presentation{
	/*	float:left;
		max-width:60%;*/
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#etiquette{
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;
	}
	
	#news{
	/*	float:right;
		max-width:40%;*/
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#work_text{
		padding: 1%; 
	}
	
	#policy_text{
		padding: 1%; 
	}
 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#main-container{
		margin-top:5px; 

		margin-left:20%; 
		margin-right:20%;
	
		margin-bottom:10px;	
	
	}
	
	#content{
	width:100%;
	height:auto;
	
	margin-bottom:15px;
	
	background-color:#ffffff;
	border:solid;
	border-width:1px;
	border-color: #e7e7e7;
/*	border-radius:5px 5px 5px 5px;	*/
	padding:20px;
	
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.1);
	
	}
	
	/*HOME PAGE*/
	
	#presentation{
	/*	float:left;
		max-width:60%;*/
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#etiquette{
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;
	}
	
	#news{
	/*	float:right;
		max-width:40%;*/
		color:#444; padding: 1%; 
		font-size: 14px; 
		font-weight: normal;
		word-wrap: break-word; 
		text-align: left;
		
		border-left:solid;
		border-width:1px;
		border-color:#8c8c8c;

	}
	
	#work_text{
		padding: 1%; 
	}
	
	#policy_text{
		padding: 1%; 
	}
 }