@charset "UTF-8";



body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	/* font-family:; */
	line-height: 1.6em;
	overflow: auto;
	font-weight: 300;
	min-height: 100vh;
  background-color: #534741!important;

}

#wrapper{
	line-height: 100%;
	background-color:snow;
	
}
.post{
	font-size: .75em;
	margin-top: 25px;
}

/*a:hover { 
    color:#;
}*/

    


h1{
	font-size: 1.5em;
	font-family: Merriweather, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	 color:#3a2323;

}
.content1 h2{
	color:#3a2323;

}

.content5 h2{
	color:#3a2323;

	
}

.content4 h2{
	color:#3a2323;

	
}

.content h2{
	font-size: 1.3em;
	font-family: Merriweather, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	 color:#3a2323;
	
}

h2{
	color: white;
}

h3{
	font-size: 1em;
	font-family: Merriweather, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-weight: normal;
}
p{
font-family: Merriweather,"Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

p{
	font-size: 0.99em;
	font-weight: 500;
	line-height: 2em;
    color:#3a2323;
}
a{
	font-size: 0.99em;
	text-decoration: none;
	color: #8f4125;
}

li{
	
	line-height: 2em;
	color: #3a2323;
	
}

#header li{
	line-height: 1em;
}
.post a{
	text-decoration: none;
}

.categorie2 a{
	text-decoration: none;
}













/* ------------------------------------------------------STYLE FOR BULLETS-------------------------------------------------*/
ul {
    list-style-position: inside;
	line-height: 1em;
}
.content2 ul,.content3 ul,.content1 ul{
	padding-left: 25px;
}
/*-------------------------------------------------------- FINISH STYLE BULLETS--------------------------------------------*/

/* -------------------------------------------------------- FINISH BODY ---------------------------------------------------*/


/* -------------------------------------------------------------- LOGO IMAGE -----------------------------------------------*/


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

.logo {
	width: 25%;
	height: 100%;
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* --------------------------------------------------------------- FINISH LOGO IMAGE --------------------------------------*/

/* ------------------------------------------------------------------ STARTS HMBRGR BUTTON --------------------------------*/

.hmbrgr{
	 float: right;
	 padding-right: 8%;
	margin-top: 2%;
	display: none;
}




/* ------------------------------------------------------------------- FINISH HMBRGR BUTTON -------------------------------*/

/* -------------------------------------------------------------- STARTS HEADER NAV ----------------------------------------*/

#header{
	
	width: 100%;
	height: auto;
	overflow: auto;
	
}

#nacolor{
	background-color: #534741;
	
	
}


nav li{
	float: left;
	padding-left: 8%;
	position: center;
	list-style: none;
	
	
	
}
#header a{
	color: white;
	text-decoration: none;
	font-size: 1em;
	
}
 nav ul{
	background: 0;
	 margin: 0px;
	 padding-top: 20px;
	 padding-bottom: 20px;
	 overflow: auto;

}
.li{
	text-decoration: none;
}



/* ------------------------------------------------------------ FINISH HEADER NAV -----------------------------------------*/


/* -------------------------------------------------------------- STARTS SEARCHBAR ---------------------------------------*/

#headeright{
	width: auto;
	height: auto;
	float: right;
	margin: 0;
}




#searchbar{
	float: right;
	padding-bottom: 0px;
	margin-top: -35px;
	padding-right: 15%;
	border-radius: 10px;
	
}

input{
	border-radius: 10px;
	border-style: none;
	padding: .5em 4em;
	
}
#input p{
	font-size: 25%;
}



/*--------------------------------------------------------------- FINISH SEARCH BAR -----------------------------------------*/


/* ----------------------------------------------------------- BANNER IMAGE ------------------------------------------------*/
#classimg1{
	padding-top: 0;
	width: 100%;
	
	background-image: url("images/web1 copy.jpg");
	background-size: cover;
	height: 50vh;
	background-position:center;
	
}

#classimg1 h1{
	float: right;
	padding-top: 20px;
	padding-right: 45px;
	color:black;

	
}
/* ----------------------------------------------------------- FINISH BANNER ------------------------------------------------*/


/* font-family:Merriweather, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color: blueviolet; */


/* ---------------------------------------------------------- STARTS BODY IMAGES -------------------------------------------*/

#bdimgs img{
	width: 100%;
	height: auto;
	}
#bdimgs p{
	margin-left: 9%;
	margin-right: 8%;
}

#bdimgs h1{
	margin-left: 9%;
    padding-top: 10px;
	
	
}
.objtvs h1{
	padding-top: 5px;
}




.categorie1 a{
	text-decoration: none;
	color: white;

}
.categorie1 h3{
	padding-left: 35px;
}
.categorie1 h3{
	margin-top: -8%;
	margin-bottom: 8%;
}

.categorie1{
	float: left;
	margin-top: 20px;
	width: 40%;
	margin-left: 9%;
	
}

.categorie2{
	float: right;
	margin-top: 20px;
	width: 40%;
	margin-right: 9%;
}
.categorie2 h3{
	margin-top: -8%;
	margin-bottom: 8%;
}
	
		
	
/*.content1 .addthis_inline_share_toolbox	{
	padding: 0px!important;
}*/

	

.categorie2 h3{
	text-decoration: none;
	padding-left: 35px;
	color: white;
}
/*------------------------------------------------------------ FINISH BODY IMAGES -------------------------------------------*/


/* font-family: lato,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    font-size: 18px; */

/*-------------------------------------------------------------- STARTS CONTACT FORM --------------------------------------*/

#mc_embed_signup.background{
	background-image: url("images/cpymchn-copy copy.png");
	background-position: center;
	background-size: cover; 
	height: 95vh;
	
}
label{
	color: white;
	
	
}


.indicates-required{
	color: white;
}
.small-meta{
	color: white;
}
.datefield{
	color: white;
}
#mc-embedded-subscribe-form{
	width: 65%;
	margin-left: 12.5%;
	margin-right: 12.5%;
	background-color: black;
	height: 75vh;
	opacity: 0.75;
}

/*-------------------------------------------------------------- FINISH CONTACT FORM --------------------------------------*/




/*------------------------------------------------------------- STARTS FOOTER ----------------------------------------------*/	
		
#footer{
	background-color:#534741;
	width: 100%;
	
	overflow:hidden;
}	
#footer li{
	color: white;
	text-decoration: none;
	font-size: 1em;
	margin-left: 10%;
	padding-top: 6%;
	
}

#footer{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 0;
	}


#footer ul{
	margin: auto;
	padding-right:3%;
	width: 50%;
	font-style: none;
}
#footer a{
	color: white;
	text-decoration: none;
}

/*-----------------------------------------------------------------  STARTS  COPY RIGHTS-----------------------------------------*/

.copy-righter{
	
	
text-align: center;
	overflow: auto;
	font-size: 0.85em;
	
	
}

.copy-righter p{
	color: white;
	margin-top: 3%;
	overflow: hidden;
	
}



/* ---------------------------------------------------------- FINISH FOOTER ------------------------------------------------*/

/*-------------------------------------------------------------  ABOUT PAGE ------------------------------------------------*/

#content {
	
	margin-left: 150px;
	margin-right: 400px;
	height: 100%;
	
}

#content h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 25px;
	
}


/*-------------------------------------------------------------- STARTS CATEGORIES ---------------------------------------*/

.ctgrs{
	float: right;
	margin-top: 125px;
	
	position: fixed;
	left: 80%;
	padding: 25px;
	
	
	
	
}
.ctgrs ul{
	list-style: none;
	color: white;
	
}


.ctgrs {
	background-color:coral;
}



.ctgrs a{
	font-size: 18px;
	text-decoration: none;
	color: white;
	
}

.ctgrs li{
	line-height: 1.5em;
	
}

.ctgrs h3{
	
	color: white;
}
/*---------------------------------------------------------------FINISH CATEGORIES ---------------------------------------*/

/* --------------------------------------------------------------- STARTS ULTRA-------------------------------------------*/
.ultra{
	background-color:gainsboro; 
	padding: 10px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 25px;
}



/*----------------------------------------------------------------- FINISH ULTRA---------------------------------------*/



/* ------------------------------------------------------------------ STARTS TRSR -------------------------------------*/

.trsr{
	background-color:gainsboro; 
	padding: 10px;
	padding-left: 15px;
	padding-right: 25px;
	margin-bottom: 30px;
	margin-top: 30PX;
	
}


/*-------------------------------------------------------------------- FINISH TRSR------------------------------------*/




/*----------------------------------------------------------------- ART-ACADEMICS ----------------------------------------*/
.content1 {
	
	margin-left: 150px;
	margin-right: 410px;
	
}



.content1 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{

	padding-left: 2%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 25px;
	
}






/*-------------------------------------------------------------- FINISH ART-ACADEMICS ------------------------------------*/

/*------------------------------------------------------------------- STARTS ART STYLES-----------------------------------*/
.content5 {
	
	margin-left: 150px;
	margin-right: 400px;
	
}

.content5 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 25px;
}

/*-------------------------------------------------------------- FINISH ART STYLES --------------------------------------*/

/*------------------------------------------------------------------- STARTS PRACTICAL----------------------------------*/
.content3 {
	
	margin-left: 150px;
	margin-right: 400px;
	
}

.content3 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;

	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 25px;
}
.revlchn img{
	padding: 0px;
	
}
/*---------------------------------------------------------------- FINISH PRACTICAL----------------------------------------*/

/* ------------------------------------------------------------------ STARTS WHAT'S TRENDING ------------------------------*/
.content4 {
	
	margin-left: 150px;
	margin-right: 400px;
	
}

.content4 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.content4 h2{
	padding-bottom: 0%;
    margin-bottom: 0%;
}

.addthis_inline_share_toolbox{
	text-align: left;
	padding-left: 10%;
	
	
}
.addthis_inline_share_toolbox{
	margin-top: 10px;
	margin-bottom: 0px;
}
.revlchn img{
	padding: 0px;
	
}
.fmousp p{
	
	font-size: 0.95em;
}

.fmousp p{
	float: left;
	

}



.fmousp{
	padding-top: 65px;
	width: 100%;
	overflow: hidden;
}

.fmousp img{
	width: 20%;
	height: auto;
	
}



.content4 h2{
	padding-top: 20px;
	padding-bottom: 20px;
}





.trendingp{
	width: 75%;
	float: right;
	
}

.trendingp{
	
	font-size: 0.99em;
}

/*---------------------------------------------------------------- FINISH WHAT'S TRENDING ---------------------------------*/
















/* ------------------------------------------------------------ STARTS MEDIA QUERIES ---------------------------------------*/
@media only screen and (max-width: 40em){
	#headeright{
		display: none;
		
	}
	#header li{
	padding-bottom: 1em;
}
	
	
	
}

/*---------------------------------------------------------------- FINISH 40EM @MEDIA---------------------------------------*/




/*------------------------------------------------------------------ STARTS @MEDIA 1029-------------------------------------*/
@media only screen and (max-width:1029px){
	
		.content5 {
	
	margin-left: 95px;
   
    width: 60%;
	
}
	
	
	
}


/*--------------------------------------------------------------------------------------------------------------------------*/


@media only screen and (max-width:1041px){
	
			.content5 {
				
      margin-left: 95px;
    
    width: 53%;

	
}
	
	
@media only screen and (max-width:1113px){
	
			.content5 {
	
	margin-left: 95px;
   
       width: 65%;
 
	
}
	
	@media only screen and (max-width:968px){
	
			.content5 {
	
	margin-left: 95px;
	margin-right: 400%;
				
	width: 53%;
				
				}
		
		.content5 {
		
	
   }
      
	
}
	
	
/*----------------------------------------------------------------------- STARTS @MEDIA 1020--------------------------------*/
	@media only screen and (max-width:1020px){
	
			.content5 {
    padding-left: 10%;
	width: 65%;
	
	
   
   
				
			}	
				
	
		
		
}
/*----------------------------------------------------------------------- STARTS @MEDIA 1020--------------------------------*/
		
	@media only screen and (max-width:1018px){
	
			.content5 {
	
	margin-left: 95px;
   

	
}
		.content5 img{
			
			width: 45%;
		}
		
}

/*------------------------------------------------------------------ FINISH @MEDIA 1029-------------------------------------*/


/*-------------------------------------------------------------------- STARTS @MEDIA 1024 ----------------------------------*/
@media only screen and (max-width:1024px){
	
	#content{
		
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	.addthis_inline_share_toolbox{
		padding-left: 55%;
	}
	
	.content3 img{
		
		width: 100%;
	}
	
	
	
	
	.content5 p{
		
		width: 90%;
	}
	.trsr{
		width: 85%;
	}
	
	.trsr p{
		text-align: center;
		margin-left: 6%;
	}
	
	.addthis_inline_share_toolbox{
		
		padding-left: 6%;
	}
}





/*-------------------------------------------------------------------- FINISH @MEDIA 1024 ----------------------------------*/




/*---------------------------------------------------------------------- STARTS @MEDIA 1156--------------------------------*/

@media only screen and (max-width:1156px){
	
	
		
		.content5 {
	
	margin-left: 150px;
	margin-right: 350px;
	
}

.content5 h1{
	padding-top: 25px;
	padding-bottom: 20px;
	
}

.addthis_inline_share_toolbox{
	
	    margin-left: 2%;
	    margin-bottom: 5%;
	
	
	
	}

		
	
	
	
}



/*---------------------------------------------------------------------- FINISH @MEDIA 1156--------------------------------*/



/*------------------------------------------------------------------- starts @media1200-------------------------------------*/
@media only screen and (max-width:1200px){
	
	.ctgrs{
		left: 78%;
	}



	#content {
		
    margin-left: 80px;
    margin-right: 300px;
    height: 100%;
	width: 70%;
	
}
	
	.ctgrs {
		
		left: 70%;
	
		margin-left: 100px;
	    margin-right: 350px;
	}
	.addthis_inline_share_toolbox{
		padding-left: 6.5%;
	}
	
	
}
/*-------------------------------------------------------------------- FINISH @MEDIA 1200-----------------------------------*/


/*--------------------------------------------------------------------- STARTS @MEDIA 1150---------------------------------*/
@media only screen and (max-width:1150px){
	
	.ctgrs{
		left: 70%;
	}
	ctgrs {
		
		left: 70%;
	
		margin-left: 100px;
	    margin-right: 350px;
	}
}

/*--------------------------------------------------------------------- FINISH @MEDIA 1150---------------------------------*/
		
		
/*------------------------------------------------------------------------ STARTS @MEDIA 1000-----------------------------*/
	@media only screen and (max-width:1000px){
			
	 .addthis_inline_share_toolbox{
		margin-left: 6%;
	}
			
	.content1 {
	
	margin-left: 120px;
	margin-right: 200px;
		
		}
		
	.content5 {
		
		    padding-left: 3%;
    padding-right: 20px;
	
		
		
		}
			.content5 img {
         width: 80%;
			
			}
		
		.content3{
			margin-left: 130px;
			margin-right: 10px;
			
		
		}
		
		.content3 p{
			width: 70%;
		}
		
		.content3 img{
			width: 70%;
			
		}
		
		
		.content4 {
	
	margin-left: 120px;
	margin-right: 200px;
		
		}
		
		
		}
			
			
			
			
			
			
			
	
		
		
		
		
		
		
		
/*------------------------------------------------------------------------ FINISH @MEDIA 1000-----------------------------*/

/*---------------------------------------------------------------------- STARTS @media 950----------------------------------*/
@media only screen and (max-width:950px){
	
	.ctgrs{
		left: 70%;
	}
	
}



/*------------------------------------------------------------------------ FINISH @MEDIA950---------------------------------*/


/*-------------------------------------------------------------------------- STARTS @MEDIA 900------------------------------*/
@media only screen and (max-width:900px){

.content1 {
	
	margin-left: 100px;
	margin-right: 25%;
	
}
	
	.content2 {
	
	margin-left: 100px;
	margin-right: 350px;
	
}



	#content {
		
    margin-left: 90px;
    margin-right: 40px;
    height: 100%;
	
	
}
	#content{
		
		width: 60px;
	}
	
	.ctgrs {
		left: 70%;
		margin-left: 100px;
	    margin-right: 350px;
	}
		
	.addthis_inline_share_toolbox{
		padding-left: 12%;
	}
	
	


}
	
		


/*------------------------------------------------------------------------- FINISH @MEDIA 900-------------------------------*/


/*-------------------------------------------------------------------------- STARTS @MEDIA 901------------------------------*/
@media only screen and (max-width:901px){





	#content {
		
    margin-left: 90px;
    margin-right: 40px;
    height: 100%;
	
	
}
	#content{
		
		width: 60px;
	}
	
	.ctgrs {
		left: 70%;
		margin-left: 100px;
	    margin-right: 350px;
	}
		
	
	


}
	
		


/*------------------------------------------------------------------------- FINISH @MEDIA 900-------------------------------*/



/*------------------------------------------------------------------------- STARTS @MEDIA 998-------------------------------*/


@media only screen and (max-width:998px){
	
#content {
    margin-left: 80px;
    margin-right: 4000px;
    height: 100%;
	width: 70%;

		
	}
	.addthis_inline_share_toolbox{
		margin-left: 1%;
	}
	
	}
	
	
	
/*------------------------------------------------------------------------- FINISH @MEDIA 998-------------------------------*/
		
		
/*-------------------------------------------------------------STARTS @MEDIA 971--------------------------------------------*/
		
		@media only screen and (max-width:971px){
			
			.content5 {
	
	margin-left: 95px;
	width: 80%;
	margin-right: 400px;
	
}
			
	.trsr{
				
	width: 75%;
	}
			
			.trsr p{
				
				margin-left: 20%;
				margin-right: 20%;
			}

.content5 p{
	width: 80%;
	
}
			
	.addthis_inline_share_toolbox{
		margin-left: 9%;
	}
			
			
			
		}		
		
		
		
		
		
		
		
/*-------------------------------------------------------------FINISH @MEDIA 971--------------------------------------------*/


/*------------------------------------------------------------------- STARTS 930@MEDIA--------------------------------------*/

@media only screen and (max-width: 930px){
	.categorie1 h3{
	margin-top: -12%;
		margin-bottom: 12%;}
	
		.categorie1{
		width: 80%;
	
}
	.categorie2{
		width: 80%;
	}
	.categorie2 h3{
		margin-top: -12%;
	margin-bottom: 12%;
		
	}
	}

/*---------------------------------------------------------------- FINISH STARTS 930@MEDIA--------------------------------*/

/*-------------------------------------------------------------------- STARTS 835@MEDIA-------------------------------------*/

@media only screen and (max-width: 835px){
	nav li{
	
	padding-left: 5%;
	}
	
	
}


/*--------------------------------------------------------------------- FINISH 835@MEDIA----------------------------------- */



/*------------------------------------------------------------------- STARTS 768@MEDIA-------------------------------------*/

		@media only screen and (max-width: 768px){
	
	nav li{
	
	padding-left: 5%;
	}
	
	
      .categorie1 h3{
	margin-top: -8%;
		margin-bottom: 8%;}
	
	.categorie2 h3{
		margin-top: -8%;
	margin-bottom: 8%;
	}
	
		.categorie1{
			width: 80%;
	}
	.categorie2{
		width: 80%;
	}
	


.content1{
	
	margin-left: 80px;
	
}

.content2{
	
	margin-left: 80px;
	margin-right: 300px;
}
	
	.addthis_inline_share_toolbox{
		padding-left: 9%;
		padding-top: 2%;
	
	}
		.content5{
		margin-left: 30px;
		margin-right: 0%;
		width: 84%;
		
		
	}
	
	.content5 img{
		width:100%;
		height: 25%;
		
		
	}
	
	.content5 h1{
		
		    font-size: 1.2em;
	}
	
		.content5 h2{
		
		    font-size: 1em;
		
		
	}
	.content5 p{
		padding-top: 1.5%;
		padding-bottom: 1%;
		
		margin-bottom: 0%;
	}
	
	.content5 h1{
			padding-top: 1.5%;
		padding-bottom: 1%;
	}	
		
			
	
			
	}
	

/*---------------------------------------------------------------- FINISH STARTS 768@MEDIA--------------------------------*/



/*------------------------------------------------------------------ STARTS @MEDIA FROM 650 TO 663 ------------------------*/

@media only screen and (max-width: 663px){
	nav li{
	
	padding-left: 5%;
	}
	
}
	
	
/*------------------------------------------------------------------ STARTS @MEDIA 709------------------------------------*/
	@media only screen and (max-width: 709px){
		
		
		.ctgrs{
			
			display: none;
		}
		
		
		
		
		
		
	}
	
	
	
	
	
/*--------------------------------------------------------------------- FINISH @MEDIA 709 --------------------------------*/


			@media only screen and (max-width: 659px){
		nav li{
	
			padding-left: 5%;
	}
	
	.content4 {
    margin-left: 10%;
		margin-right: 10px;
		
		
	}
	
	.content3 {
    margin-left: 100px;
		margin-right: 10px;
		
	}
				
	}
	
	

@media only screen and (max-width: 658px){
		nav li{
	
			padding-left: 5%;
	}
	}
	
	


@media only screen and (max-width: 657px){
		nav li{
	
			padding-left: 5%;
	}
	}

@media only screen and (max-width: 656px){
		nav li{
	
			padding-left: 5%;
	}
	}
	
@media only screen and (max-width: 655px){
		nav li{
	
			padding-left: 5%;
	}
	}
	
	@media only screen and (max-width: 654px){
		nav li{
	
			padding-left: 5%;
		}
	}
		
		@media only screen and (max-width: 653px){
		nav li{
	
			padding-left: 5%;
			}
			
	}
					
		@media only screen and (max-width: 650px){
				nav li{
	
			padding-left: 5%;
			}
				
			}


/*------------------------------------------------------------------ FINISH @MEDIA FROM 768 TO 650 ------------------------*/
		
/*------------------------------------------------------------------- STARTS @MEDIA 638------------------------------------*/
		@media only screen and (max-width: 638px){
			
			
			
			
			
			
			
			
		}
		
		
/*------------------------------------------------------------------- STARTS @MEDIA 638------------------------------------*/		
/*--------------------------------------------------------------------STARTS 635@MEDIA------------------------------------*/
	
	
@media only screen and (max-width: 635px){
	.categorie1 h3{
	margin-top: -15%;
	margin-bottom: 15%;
		}
		.categorie1{
			width: 80%;
	}
	.categorie2 h3{
		margin-top: -15%;
	margin-bottom: 15%;
		
	}
		.categorie2{
			width: 80%;
	}
		
}

/*-------------------------------------------------------------------FINISH 635@MEDIA------------------------------------*/

/*-------------------------------------------------------------------- STARTS 411@MEDIA-----------------------------------*/
			@media only screen and (max-width: 411px){
			nav li{
	
	       padding-left: 2%;
				
	       }
					.categorie1{
			width: 80%;
	       }
					.categorie2{
			width: 80%;
	          }
				
				
			


	footer ul{
	
	font-size: 0.45em;
		
	
	padding-top: 6%;
	
}
				
				#content{
		margin-left: 15%;
		margin-right: 5%;
		
	}
	
	.addthis_inline_share_toolbox{
		padding-left: 12%;
	}
	
		
				
				#footer ul{
				width: 100%;
					
					
					
				}
				
	.ctgrs{
		padding-right: 19px;
    padding-left: 19px;
	}
	
		.ctgrs a {
    font-size: 10px;
	}
				.ctgrs{
		    margin-top: 360px;
		opacity: 0.79;
		font-size: 0.75em;
		margin-left: 1%;
		
	}
		
			.content4 img{
		
		padding-top: 8%;
	}
				
					
					
					
	}
	
				
				
				
}	
/*-------------------------------------------------------------------- FINISH 411@MEDIA-------------------------------------*/
			
			
/*--------------------------------------------------------------------- STARTS 414@MEDIA-----------------------------------*/
			
			@media only screen and (max-width: 414px){
					nav li{
	
	               padding-left: 2%;
	       }
					.categorie1{
			width: 80%;
	        }
				
					.categorie2{
			width: 80%;
	         }
				
				nav li{
					padding-right:0%;
					
				}
				
				nav ul{
					padding-right:0%;
					
				}
				
					#content{
		margin-left: 15%;
		margin-right: 5%;
		
	}
	
	.addthis_inline_share_toolbox{
		padding-left: 12%;
	}
		

	
	#footer a{
		
		padding: 2%;
		width: 70%;
					
					
				}
				
			.ctgrs{
		    margin-top: 280px;
		opacity: 0.79;
		font-size: 0.75em;
		margin-left: 1%;
		
	}
	
	.ctgrs{
		padding-right: 7px;
    padding-left: 12px;
	}
	
		.content4 img{
		
		padding-top: 8%;
	}
	
				
	}		
/*---------------------------------------------------------------------- FINISH 414@MEDIA----------------------------------*/

/*------------------------------------------------------------------- STARTS 375@MEDIA------------------------------------*/

@media only screen and (max-width: 375px){
	.categorie1{
		width: 80%;
		margin-left: 10%;
	}
	.categorie2{
		width: 80%;
		margin-right: 10%;
	}
	#footer li{
		font-size: 0.20em;
		margin-left: 3%;
	     
	}
		nav li{
	
	padding-left: 5%;
			width: auto;
	}
	
		.ctgrs{
		    margin-top: 360px;
		opacity: 0.79;
		font-size: 0.75em;
		margin-left: 1%;
		
	}
	
	.ctgrs{
		padding-right: 12px;
    padding-left: 15px;
	}
	
		.ctgrs a {
    font-size: 10px;
	}
	}

/*------------------------------------------------------------------ FINISH 375@MEDIA--------------------------------------*/

/*------------------------------------------------------------------ STARTS 360 @MEDIA ------------------------------------*/
@media only screen and (max-width: 360px){
	
	.content1{
		margin-left: 30px;
		margin-right: 5%;
		
		
	}
	
	.content5{
		margin-left: 30px;
		margin-right: 0%;
		width: 60%;
		
		
	}
	
	.content5 img{
		width:100%;
		height: auto;
		height: 25%;
		
		
	}
	
	.content2{
		margin-left: 30px;
		margin-right: 70px;
		
		
	}
	.ctgrs{
		position: none;
	}
	
	.ctgrs{
		    margin-top: 180px;
		opacity: 0.79;
		font-size: 0.75em;
		margin-left: 1%;
		
	}
	
	.ctgrs{
		padding-right: 12px;
    padding-left: 15px;
	}
	
	.ctgrs a {
    font-size: 10px;
	}
		
		.content1 h1{
		
		    font-size: 1.2em;
			
			padding-top: 1.5%;
		padding-bottom: 1.8%;
	}
		
		
	
	
		.content1 h2{
		
		    font-size: 1em;
		
		
	}
	
	
	.content2 h1{
		
		    font-size: 1.2em;
				padding-top: 1.5%;
		padding-bottom: 1%;
		
		
		
	}
	
		.content2 h2{
		
		    font-size: 1em;
		
		
	}
	
	.content2 img{
	margin-right: 10%;
	}
	
	#content{
		margin-left: 15%;
		margin-right: 5%;
		
	}
	
	.addthis_inline_share_toolbox{
		padding-left: 6%;
	}
	#footer ul{
		margin-left: 8%;
		
	}
	
	.addthis_inline_share_toolbox{
		
	
		
	}
	
	.content5{
		margin-left: 30px;
		margin-right: 0%;
		width: 60%;
		
		
	}
	
	.content5 img{
		width:100%;
		height: auto;
		height: 25%;
		
		
	}
	
	.content5 h1{
		
		    font-size: 1.2em;
	}
	
		.content5 h2{
		
		    font-size: 1em;
		
		
	}
	.content5 p{
		padding-top: 1.5%;
		padding-bottom: 1%;
		
		margin-bottom: 0%;
	}
	
	.content5 h1{
			padding-top: 1.5%;
		padding-bottom: 1%;
	}
	.trsr{
		width: 88%;
		
	
	}
	
	.trsr p{
		font-size: 0.90em;
		text-align: center;
		color: white;
		font-style: bold;
	}
	.trsr{
	height: 3%;
	
	
	
}
	
	.trsr{
	background-color:black;
		opacity: 0.65;
}
	
	
	.content4{
		margin-left: 10%;
		
	}
	
	.content4 img{
		
		padding-top: 8%;
	}
}

/*-------------------------------------------------------------------- FINISH 360 @MEDIA---------------------------------*/


/*-------------------------------------------------------------------- FINISH 320 @MEDIA---------------------------------*/
@media only screen and (max-width: 320px){
	
	.ctgrs{
		    margin-top: 340px;
		opacity: 0.79;
		font-size: 0.75em;
		margin-left: 1%;
	}
	#content h1{
		
		font-size: 1.3em;
	}
	
	#classimg1 h1{
		font-size: 1.2em;
		margin-left: 6%;
		margin-top: 0%;
		
		
	}
	
		
	.ctgrs{
		    margin-top: 120px;
		opacity: 0.79;
		font-size: 0.75em;
		margin-left: 1%;
		
	}
	
	.ctgrs{
		padding-right: 7px;
    padding-left: 12px;
	}
	
	
}