Cacher is the code snippet organizer for pro developers

/**
 *
 * Responsive CSS
 *
 * Medias
 * @media min-width: 1200px;
 * @media min-width: 412px;
 * @media min-width: 360px;
 * @media min-width: 320px;
 * @media min-width: 480px;
 * @media min-width: 768px;
 * @media min-width: 992px;
 * @media min-width: 1024px;
 * @media max-width: 767px;
 */
 /*====================================== 
    ------- MOBILE MIN WIDTHS ---------
   ======================================*/
 

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

	} /* (min-width : 320px) */


@media screen and (min-width : 360px){

	} /* (min-width : 360px) */


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

	} /* (min-width : 480px) */


@media screen and (min-width : 412px){

	} /* (min-width : 412px) */


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

	} /* (min-width : 480px) */


@media screen and (min-width : 640px){

	} /* (min-width : 640px) */




 /*====================================== 
    ------- MOBILE MAX WIDTHS ---------
   ======================================*/
   
   @media screen and (max-width : 767px){}
   
   
 /*====================================== 
    ------- TABLET MIN WIDTHS ---------
   ======================================*/
   
   @media screen and (min-width : 768px){}
   
   @media screen and (min-width : 1024px){}
   
    /*====================================== 
    ------- DESKTOP MIN WIDTHS ---------
   ======================================*/
   
   @media screen and (min-width: 992px){}
   @media screen and (min-width : 1200px){}
   @media screen and (min-width: 1450px){}
   @media screen and (min-width: 1600px){}
   
   
   

/**
 *
 * All Default stylings
 * 
  * Default Font Families:
     font-family: 'Open Sans', sans-serif;
     font-family: 'Open Sans Condensed', sans-serif;
     font-family: 'Montserrat', sans-serif;
 */


/* Defaults */
html, body{
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body{
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif;

}



/* Margins */
.no-margin{
	margin:0;
}

.margin-left-0{
	margin-left: 0;

}

.margin-right-0{
	margin-right: 0;
}

.margin-top-0{
	margin-top:0;
}

.margin-bottom-0{
	margin-bottom: 0;
}

.margin-bottom-30{
	margin-bottom:30px;
}

/* Paddings */

.no-padding{
	padding: 0;
}

.padding-left-0{
	padding-left: 0;
}

.padding-right-0{
	padding-right: 0;
}

/* Typography */

h1,h2,h3,h4,h5{
	margin-top:0;
}

p{
	font-size: 0.875rem;
	color:#999999;
}

.medium-bold-title, .article-header{
  font-size: 1.688rem;
}

a{
	color:#9f2369;
}


a:focus, button:focus, input:focus{
	outline:0;
}

/* Buttons */
/* Grids */

.full-width-grid{
	width:100%;
	display: block;

}

.full-width-grid:after, .full-width-grid:before{
	clear: both;
	content: "";
	display: table;
}

.valign-container{
	display: table;

}

.display-table-cell{
	display: table-cell;

}


.valign-middle{
	vertical-align: middle;
}

.w_100{
	width: 100%;
}


.h_100{
	height:100%;
}


/* Forms */