@charset "UTF-8";
/* CSS Document */


/* ---------------------------------------------------------------------------------------------------------------- */
/*=======================================================*/
/*                     table of contents                 */
/*=======================================================*/

/*
<01> colors
<02> body & wrappers
<03> repeats
<04> header & footer
<05> cta
<06> pages
<07> media query
*/





/* ---------------------------------------------------------------------------------------------------------------- */
/*=======================================================*/
/*                          color                        */
/*=======================================================*/

/*----------------------------------------------- colors */

/*
lightskyblue:         #87CEFA
thunderbird (red):    #c61E12
baltic sea (black):   #282828
white:                #FFFFFF
*/





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

/*=======================================================*/
/*                     body & wrappers                   */
/*=======================================================*/

/*------------------------------------------------- body */

body{
	background-color:greens;
	color:#282828;
	
	font-family:arial;
	letter-spacing:.04em;
	line-height:1.38;
	
	margin:0;
}

/*--------------------------------------------- wrappers */

header, #banner, main, footer{	
	
	background-color:antiquewhites;
	
	width:100%;
	
}



/*----------------------------------- main wrapper */

.contained-body{
	
	background-color:oranges;
	
	width:90%;
	max-width:1200px;
	
	margin:0 auto;
	padding:0 5%;
}





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

/*=======================================================*/
/*                        repeats                        */
/*=======================================================*/

/*-------------------- h1-h6, p, a, ul, li */

h1, h2, h3, h4, h5, h6, p{
	margin:0;
}


h1, h2, h3, h4, h5, h6{
	text-transform: uppercase;
	line-height: 1.2;
}

h3, h4, h5{
	text-transform: capitalize;
}

p{
	font-size:16px;
	width:100%;
	max-width:900px;
}


a{
	color:#c61E12;
	text-decoration:none;
}

ul{
}

li{
	list-style:none;
}


/*----------------------------- span color */

.red{
	color:#c61E12;
}

/*----------------------------------- logo & images */

.logo{
	background-color:greys;
	width:100%;
	height:auto;
	margin-top:10px;
}

img{
	background-color:blues;
		width:100%;
		height: auto;
	}

/*--------------------------------- button */

button, .button{
	background-color:#c61E12;
	color: white;
	
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-transform:uppercase;
	letter-spacing:.08em;
	
	display: inline-block;
	width:180px;/*
	margin: 4px auto;*/
	padding: 8px 10px;
	border-radius:60px;
}

button{
	border:none;
	width:200px;
	margin:0 4%;
	padding: 12px 0;
	cursor: pointer;
	
}

.cont-reading{
	font-size:11px;
	font-weight:200px;
	
	width:155px;
	height:20px;
	margin: 0 0 0 15px;
	padding:2px 0 0 0;
}







/*------------------------------ red-lines */



.red-line-horz{	
	border-bottom: 3px solid #c61E12;
	border-radius:60px;
	margin:20px auto;
}

.rlhf{
	margin-bottom: 70px;
}


.red-line-horz-mobile{
	display:none;
	margin:50px auto 40px;
	
	border-bottom: 3px solid #c61E12;
	border-radius:60px;
}

.red-line-vert{
	height:252px;
	
	float:left;
	margin:0 5%;
	
	border-left: 3px solid #c61E12;
	border-radius:60px;
	 
}

/*-------------------------------- opacity */

.opacity{
    position: absolute;
	width:100%;
	height:100%;
	z-index: 1;
	
}


/*--------------------------------- social */

.share-block{
	float:left;
	
	margin-top:30px;
	
	>div{
		float:left;
		margin:15px 25px 20px 0;
		
		>h4{
			color:#c61E12;
			text-transform:uppercase;
			margin-top:5px;
		}
	}
}

.sharethis-inline-share-buttons{
	background-color:greenyellows;
	float:left;
	width:160px
}





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

/*=======================================================*/
/*                 header & footer                  */
/*=======================================================*/

/*----------------------------------------------- header */

/*- logo / nav / burger -*/

header{	
	background-color:blues;
	margin:0px 0 20px;
}

/*------------------------------------ logo */ 

#header-brand-logo {
	background-color:reds;
	
	float:left;
	width:200px;
}



/*------------------------------------- nav */ 

#header-nav{	
	background-color:reds;
	letter-spacing:.025em;
	
	float:right;
	width:500px;
}

#header-nav ul{
	background-color:pinks;
	text-align:right;
	
	float:right;
	width:100%;
	padding-top:40px;
	
}

#header-nav li{
	color:#282828;
	
	text-align: right;
	text-transform:uppercase;
	
	display:inline-block;
	padding-left:4%;
}

#header-nav a{
	color:#282828;
}


/*------------------------------- hamburger */ 

#menu-icon{
	background-color:blue;
	display: none;
}



.clearfix{
	clear:both;
}


/*----------------------------------------------- footer */

footer{
	background-color:lightcyans;
	margin:40px 0 0px;
	
	

	
}

#main-footer{
	background-color:pinks;	
	
	>.sharethis-inline-share-buttons{
	background-color:pinks;	
		float:none;
		margin-left:auto;
		margin-right:auto;
		
	}
	
}

/*------------------------------------ logo  */ 

#footer-brand-logo {
	background-color:reds;
	
	width:250px;
	height:auto;
	margin:0 auto;
}



/*------------------------------------- nav */ 

#footer-nav{
	background-color:greys;
	margin:-15px 0 50px;
}

#footer-nav ul{
	text-align: center;
}

#footer-nav li{
	color:#282828;
	
	text-transform:uppercase;
	
	display: inline-block;
	margin:0 1.5%;
	padding-top:12px;
	
}

#footer-nav a{
	color:#282828;
}


.clearfix{
	clear:both;
}


/*---------------------------------- terms */

#terms{
	background-color:lightcyans;
	font-size:11px;
	text-align: center;
	
	margin-left:auto;
	margin-right:auto;
	padding:100px 0 50px;
}





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

/*=======================================================*/
/*                       cta                       */
/*=======================================================*/

/*------------------------------------------- newsletter */

#newsletter{
	background-color: greys;
}

#main-nl{
	background-color: greys;
	padding:30px 5%;
}

.nl-p1{	
	background-color: pinks;
	float:left;
	width:40%;
	max-width:380px;
	
		>h2{
		background-color:mediumpurples;

		padding:10px 0 5px;
		}

		>h4{
		background-color:cornflowerblues;
		text-transform: uppercase;
		padding-bottom:10px;
		}

		>p{
		background-color: mediumpurples;

		width:85%;
		}

}




.nl-p2{
	background-color: mediumpurples;
	
	float:right;
	width:46%;
	max-width:600px;
	min-width:400px;
	padding-top:40px;
}


#subscribe{
	
}

.sub{
	background-color:white;
	color:#c61E12;
	
	text-align:center;
	text-transform: capitalize;
		
	display:block;
	width:100%;
	height:36px;
	
	box-sizing: border-box;
	border:3.5px solid #c61E12;
	border-radius: 60px;
	
	margin: 0 auto 18px;
}

.sub3{
	background-color:#c61E12;
	color:white;
	
	text-transform: uppercase;
	
	max-width:150px;
}

.clearfix{
	clear:both;
}


/*----------------------------------------- cta-feedback */

#cta-submit-character{
	background-color:gresy;
	background-image:url("final-images/cc-2023-banner-cta-sub-macandcheese-001.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:100%;
	
	position:relative;
	height:613px;
	margin:30px 0px 80px;
}


.o-cta{
    background-color: rgba(255,233,251,0.85);
}

#cta-sc-vp{
	background-color:mediumpurples;
	max-width:600px;
	position: relative;
	top:75px;
	z-index:99;
	
		>h2{
			background-color:pinks;
			padding:10px 0 5px;
		}

		>h4{
			background-color:greenyellows;
			padding:0 0 8px;
		}

		>p{
			background-color:cornflowerblues;
			max-width:600px;
			padding:14px 0 45px;
		}
}



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

/*=======================================================*/
/*                        related                        */
/*=======================================================*/

/* --------------------------------------------- related */

#related{
	background-color:oranges;
	margin:30px 0px;
}

#main-related{
	background-color: greys;

	text-align: center;
	
	width:90%;
	padding:20px 5%;
	
		>h2{
			background-color: mediumpurples;

			text-align: left;

			padding:20px 0 15px;
			}
}


.re{
	background-color: mediumpurples;
	
	text-align: center;
	
	display: inline-block;
	width:23.1%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	padding:0 auto 15px;
	
	vertical-align:top;
	
		>h4{	
			background-color:pinks;
			margin:6px 0 8px;
		}

		>p{
			background-color:pinks;
			line-height:1.3;
			width:100%;
			}
	
}


.re2{
	margin-left:2.5%;
	margin-right:1.25%;
}

.re3{
	margin-left:1.25%;
	margin-right:2.5%;
}




.clearfix{
	clear:both:
}




/*=======================================================*/
/*                      page: about                      */
/*=======================================================*/

/*----------------------------------------------- banner */

#banner-about{
	background-image:url("final-images/cc-2023-banner-about-ccl-002.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:50%;
	
	position:relative;
	height:370px;
	
	
	color:white;
}

.o-banner{
    background-color: rgba(0,0,0,0.54);
}


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

.about-block{
	background-color:greys;
	margin:50px auto 150px;
}

.about-info{
	background-color:greys;
	max-width:900px;
	margin:55px auto;
	
	>h2{
		margin-bottom:10px;
	}
}



/*=======================================================*/
/*               page: categories - interview            */
/*=======================================================*/

/*----------------------------------------------- banner */

#banner-categories-interview{
	background-image:url("final-images/cc-2023-banner-inter-bradguigar-001.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	
	position:relative;
	height:370px;
	
	
	color:white;
}




/*=======================================================*/
/*              page: categories - psychology            */
/*=======================================================*/

/*----------------------------------------------- banner */

#banner-categories-psychology{
	background-image:url("final-images/cc-2023-banner-psych-brain-001.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	
	position:relative;
	height:370px;
	
	
	color:white;
}




/*=======================================================*/
/*             page: categories - get geedback           */
/*=======================================================*/

/*----------------------------------------------- banner */

#banner-get-feedback{
	background-image:url("final-images/cc-2023-banner-cta-sub-macandcheese-001.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:90%;
	
	position:relative;
	height:370px;
	
	
	color:white;
}






/* ---------------------------------------------------------------------------------------------------------------- */
/*=======================================================*/
/*                    page: index                   */
/*=======================================================*/

/*----------------------------------------------- banner */

#banner{
	background-image:url("final-images/cc-2023-banner-home-ccl-001.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:10%;
	
	position:relative;
	height:370px;
	
	
	color:white;
}

.o-banner{
    background-color: rgba(0,0,0,0.54);
}


#main-banner{
	position: relative;
	z-index: 99;
}

.vp{
	background-color:pinks;
	max-width: 1200px;
	margin-right:40%;
	
		>h1{
			background-color:cornflowerblues;
			
			line-height:;

			width:100%;
			max-width: 600px;
			padding:62px 0 14px;
		}

		>p{
			background-color:mediumpurples;

			width:100%;
			max-width: 550px;
			padding-bottom: 32px;
		}
}



#main-banner-mobile{
			background-color:cornflowerblues;
	display:none;
	padding-bottom:27px;
}

.vpm{

	background-color:pinks;
	width:100%;
		
		>h1{
			padding-top:30px;
		}
	}




/* ------------------------------------------------ main */

/* For some reason, you need to show two main tags. See if you can fix it later */
main{}

main{
	background-color:greens;
	margin:40px 0 40px;
}


/* --------------------------------------------- feature */

#feature{
	margin:20px 0 20px;
}

#feature-crit{
	background-color: greys;
}

.fc-header {
	margin-bottom: 30px;
	
		>h3{ 
			background-color: greenyellows;
		}

		>h2{
			background-color: aquas;
		}

		>h5{
			background-color: aquas;
			font-weight: 200;
		}
}


/*------------------------*/
.fc-diagram{
	background-color:pinks;
}


.fc-image{
	background-color:reds;
	float:left;
	width:50%;
	min-width:400px;
}



.fc-notes{
	background-color: greys;
	float:right;
	width:37%;
	margin-top:30px;
	
	
		>h3{
			background-color: lavenders;
			margin-bottom:15px;
		}
	
/* top notes */
	
		>div{
			float:left;
		}
	
			>div img{
				background-color:cornflowerblues;
				float:left;
				width:35px;
				padding-top:12px;
			}

			>div h5, div p{	
				background-color: blues;
				float:right;
				width:85%;
			}

			>div h5{
				background-color: aquas;
				color:#c61E12;		
				padding-top:17px;
				padding-bottom:8px;
			}

			>div p{
				background-color: pinks;
				font-size:14px;
				padding-bottom:20px;
			}

}



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

.fc-intro{
	background-color: aquas;
	
	max-width:900px;
	margin:35px auto 0;
	padding-bottom:30px;
	
		>h4{
			background-color: aquas;
			padding-top:13px;
			padding-bottom:6px;
		}

		>p{
			background-color: pinks;
			padding-bottom:4px;
		}
}



.clearfix{
	clear:both;
}



/* ---------------------------------- article-categories */

#categories{
	background-color:oranges;
	margin:30px 0px;
}

#main-categories{
	background-color: greys;
	
	width:90%;
	padding:20px 5%;
	
		>h2{
			background-color: mediumpurples;

			padding:20px 0 15px;
			}
}


.ac {
	background-color: aquas;
	text-align:center;
	
	display:inline-block;
	width:30%;/*376px*/
	max-width:376px;
	padding:0 auto 15px;
	
	vertical-align:top;
	
		>h4{	
			background-color:pinks;
			margin:12px 0 10px;
		}

		>p{
			background-color:mediumpurples;
			width:100%;
			margin:0 5px;
			
		>img 
		}
}


.ac2{
	margin:0 5%;
}


.clearfix{
	clear:both:
}




/*=======================================================*/
/*                page: categories - critique            */
/*=======================================================*/

/*----------------------------------------------- banner */

#banner-categories-critique{
	background-image:url("final-images/cc-2023-banner-categories-cockknight-waverly-001.jpg");
	background-repeat:no-repeat;
	background-size:cover;	
	background-position-x:30%;
	
	position:relative;
	height:370px;
	
	
	color:white;
}

.o-banner{
    background-color: rgba(0,0,0,0.54);
}

/* ------------------------------------------ categories */

#blog-list{
	background-color:oranges;
}

#main-blog-list{
	background-color: greys;
	
	padding:0px 5%;
	
		>h2{
			background-color: mediumpurples;

			margin:25px auto 35px;
			}
	
		>section{
			margin-bottom:60px;
		}
}


.hidden{
	display:none;
}


/* ------------------------------------------- load-more */

.load-more-categories{
	background-color: aquas;
	text-align: center;
	margin: 40px auto 20px;
}


.red-line-load-more-left{
	float:left;
	width:30%;
}


.red-line-load-more-right{
	float:right;
	width:30%;
}






.clearfix{
	clear:both;
}




/*=======================================================*/
/*                         blog                          */
/*=======================================================*/

/*----------------------------------------------- banner */



.o-banner{
    background-color: rgba(0,0,0,0.54);
}


/* ------------------------------------------------ main */

/* --------------------------------------------- feature */

#feature{
	background-color:yellows;
	
}

#main-feature{
	background-color:greens;
	
}

.author-block{
	background-color:greens;
	text-align:left;
	height:90px;
	
	>div{
		background-color: pinks;
		float:left;
	}
	
	.sharethis-inline-share-buttons{
		background-color: greens;
		text-align: right;
		float:right;
		width:160px;
	}
}


.fc-header{
	
	>h5{
		margin:5px auto;
	}
	
}


.fc-ne{
	background-color: pinks;
}



.ne{
	background-color: aquas;
	width:100%;
	max-width:900px;
	margin:35px auto 0;
	padding-bottom:10px;
	
		>h4{
			background-color: aquas;
			padding-top:13px;
			padding-bottom:6px;
		}

		>p{	
			background-color: pinks;
			margin-bottom: 20px;
		}	
	
		>ul>li{
			background-color:pinks;
			list-style:disc;
			margin-bottom:8px;
	}
}


.ne3{
	
}


/* ---------------------------------------------- images */
.blog-image{
	background-color: greys;
	width:100%;
	max-width:1200px;
	height:auto;
	margin: 15px auto;
}


.blog-image-3set{
	background-color: greys;
	float:left;
	width:30%;
}

.image-2set{
	text-align: center;
	
	margin:45px auto;
	
		>.image-2set-1{
			margin-left:auto;
			margin-right:2.5%;
		}

		>.image-2set-2{
			margin-left:2.5%;
			margin-right:auto;
		}
}

.blog-image-2set{
	background-color: greys;
	
	width:30%;
}


.image-2set{
	
}


.blog-image-middle{
	margin:0 5%;
}

.clearfix{
	clear:both;
}



/*=======================================================*/
/*    page: categories - critique - coffee dealer joe    */
/*=======================================================*/

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


/*----------------------------------------------- banner */

#banner-categories-critique-coffee-dealer-joe{
	background-image:url("final-images/cc-2023-banner-crit-article-coffeedealerjoe-001.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:100%;
	
	position:relative;
	height:370px;
	
	
	color:white;
}

/*=======================================================*/
/*           page: categories - critique - sara          */
/*=======================================================*/

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


#banner-blogs{
	background-image:url("final-images/cc-2023-banner-crit-ccl-005.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	
	position:relative;
	height:370px;
	
	
	color:white;
}


.space-needed-1{
	margin-top:50px;
}


/* ---------------------------------------------------------------------------------------------------------------- */
/*==========================================================================================*/
/*==========================================================================================*/
/*                                        media query                                       */
/*==========================================================================================*/
/*==========================================================================================*/


@media screen and (max-width: 1000px){
	
	
/*------ red-lines -------*/
	
	.red-line-horz-mobile{
		display:block;
		margin:0 auto;
	}
	
	.rlhm1{
		margin-bottom:33px;
	}
	
	.rlhm2{
		display:none;
	}

	.red-line-vert{
		display:none;
}
		
	
}/*end 1000px*/


@media screen and (max-width: 930px){
	
	
/*------ banner -------*/
	
	#banner-get-feedback{
		>#main-banner{
			display:none;
		}

		>.o-banner{
			display:none;
		}		
	}
	
	
	.banner-mobile-get-feedback{
			margin-left:auto;
			margin-right:auto;

		>#main-banner-mobile{
			display:block;
		}
	}

}/*end 1000px*/



@media screen and (max-width: 890px){
	
	
/*------ banner -------*/
	
	#banner{
		>#main-banner{
			display:none;
		}

		>.o-banner{
			display:none;
		}
		
	}
	
	
	.banner-mobile-index{

		>#main-banner-mobile{
			display:block;
		}
	}

}/*end 890px*/


@media screen and (max-width: 700px){
	
	
/*------ banner -------*/
	
	#banner-categories-critique-coffee-dealer-joe, .banner-blog-sara{
		>#main-banner{
			display:none;
		}

		>.o-banner{
			display:none;
		}
		
	}
	
	
	.banner-mobile-coffee-joe, .banner-blog-mobil-sara{

		>#main-banner-mobile{
			display:block;
		}
	}

}/*end 700px*/


@media screen and (max-width: 600px){
	
	
/*------ banner -------*/
	
	
	#main-banner{
		display:none;
	}
	
	#main-banner-mobile{
		display:block;
	}
	
	.o-banner{
		display:none;
	}
	
	
	#banner-categories-interview{
	background-position-x:80%;
}

}/*end 600px*/









/*=======================================================*/
/*                 header & footer                  */
/*=======================================================*/


@media screen and (max-width: 800px) {
	
	
/*------ header -------*/
	
	header{	
		background-color:blues;
	}
	
	#header-nav{
		float:left;
		width:100%;
		margin:10px auto 15px;
		
			>ul{
				float: left;

				width:100%;
				height:auto;
				margin:0;
				padding:0;
			}

			>ul > li{
				text-align: left;

				display:inline-block;
				width:100%;
				margin:0;
				padding:0;
			}
	}
	

	.nav-collapse a {
		border-bottom: 1px solid black;
		
		float: left;
		width: 100%;
		padding: 0.7em 1em;
	}
	

/*------ footer -------*/	
	
	
	.nl-p2{
		min-width: 0px;
	}	
	
	#footer-nav{
		margin-top:20px;
	}
	
	#footer-nav ul{
		padding:0;
	}
	

	#footer-nav li{
		text-align: center;
		
		display:block;
		width:100%;
		padding:0 0 4px;
		margin-left:auto;
		margin-right:auto;

	}

}/*end 800px*/





/*=======================================================*/
/*                       cta                       */
/*=======================================================*/

@media screen and (max-width: 1000px){
	

	#newsletter{
		background-color: pinks;
	}
	
	
	
	.nl-p1, .nl-p2{
		text-align:center;

		float:none;
		width:100%;
		max-width:100%;
		margin:0 auto;
}
	
	.nl-p1{
			> h2{
				padding-top:10px;	
			}

			> p{
				width:100%;
			}
}

	.nl-p2{
		max-width: 600px;
		min-width: 100px;
	}
	
	.sub3{
		background-color:pinks;
		margin-bottom:0;
		
	}
	
	
}/*end 1000px*/



@media screen and (max-width: 800px) {

	

/*------ cta-feedback -------*/	
	
	#cta-vp, #cta-vp p{
		
		background-color:cadetblues; 
		text-align: justify;
		
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		
			>h2, h4{
				text-align: center;
			}
	}

	
	
}/*end 800px*/



@media screen and (max-width: 460px) {

	
	#cta-submit-character{
		background-color: aqua;
		background-position-x:90%;
		height:850px;
	}
		
}/*end 460px*/







/*=======================================================*/
/*                        related                        */
/*=======================================================*/

/* --------------------------------------------- related */

@media screen and (max-width: 720px){
	
	.re{
		background-color: mediumpurples;

		text-align: center;

		display: inline-block;
		width:48%;
		margin-left:auto;
		margin-right:auto;
		padding:0 auto 15px;

			>p{
				background-color:pinks;
				}

	}
	
	.re1{
		margin-left:;
		margin-right:1.5%;
		
	}


	.re2{
		margin-left:1.5%;
		margin-right:auto;
	}

	.re3{
		margin-left:auto;
		margin-right:1.5%;
	}
	
	.re4{
		margin-left:1.5%;
	}

	
}
	






/*=======================================================*/
/*                    page: index                   */
/*=======================================================*/



@media screen and (max-width: 800px) {


/*------ articles-feature / category -------*/
	
	
	.fc-image, .fc-image img, .fc-notes, #article-categories, .ac{
		
		background-color:mediumpurples;

		display:block;
		float:none;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.hidden{
		display: none;
	}
	

	
/*------ articles-feature -------*/	
	
	.fc-image img{
		text-align:center;
	}
	
	.fc-image{
		background-color:pinks;
		
		min-width:100%;
	}
	
	.fc-notes{
		margin-top:36px;
	}
	
	
/*------ category -------*/		
	
	
	#article-categories{
		background-color: greys;

		width:90%;
	}


	.ac {
		background-color: greens;
		width:100%;
		max-width:1200px;
		margin:0 auto 100px;
	}

	
	
}/*end 800px*/






/*=======================================================*/
/*                         blog                          */
/*=======================================================*/

/* ------------------------------------------ categories */
@media screen and (max-width: 800px){
	
	.load-more-categories{
		
		>.rlh{
			width:25%;
		}
	}
}

@media screen and (max-width: 550px){
	
	.load-more-categories{
		
		>.rlh{
			width:20%;
		}
	}
}

@media screen and (max-width: 430px){
	
	.load-more-categories{
		
		>.rlh{
			width:14%;
		}
	}
}


@media screen and (max-width: 340px){
	
	.load-more-categories{
		
		>.rlh{
			width:5%;
		}
	}
}


/* ----------------------------------------------- blogs */

@media screen and (max-width: 700px){
		
	.blog-image-3set{
		float:left;
		width:100%;
		margin:15px auto;
	}
	
}




@media screen and (max-width: 330px){
		
	#header-brand-logo{
		background-color:pinks;
		width:70%;
		max-width:250px;
		height: auto;
	}
		
	#footer-brand-logo, .sharethis-inline-share-buttons{
		background-color:pinks;
		width:100%;
		max-width:250px;
		height: auto;
	}

}




@media screen and (max-width: 270px){
		
	#header-brand-logo{
		background-color:pinks;
		width:60%;
		height: auto;
		margin-top:20px;
	}

}

/*--------------------------------- end media query */