@media (max-width : 980px) {
	
	body {
		font-size: 13px;
		overflow-x: hidden;
		min-width: 320px;
	}
	
	.wrapper {
		width: 100%;
		margin: 0 auto;
	}
	
	.header {
		font-size: 19px;
	}
	
	h1, .h1, .nav h1	{
		font-size: 1.5em; 
		font-weight: 400;
	}
	
	h2, .h2 {
		font-size: 1.4em;
		font-weight: 400;
	}
	
	h3, .h3 {
		font-size: 1.3em;
		font-weight: 400;
	}
	
	h4, .h4 {
		font-size: 1.2em;
		font-weight: 400;
	}
	
	h5, .h5 {
		font-size: 1.1em;
		font-weight: 400;
	}
	
	.s-visible {display: block;}
	
	.s-opacity00 		{opacity: 0;}
	.s-opacity01 		{opacity: 0.1;}
	.s-opacity02 		{opacity: 0.2;}
	.s-opacity03 		{opacity: 0.3;}
	.s-opacity04 		{opacity: 0.4;}
	.s-opacity05 		{opacity: 0.5;}
	.s-opacity06 		{opacity: 0.6;}
	.s-opacity07 		{opacity: 0.7;}
	.s-opacity08 		{opacity: 0.8;}
	.s-opacity09 		{opacity: 0.9;}
	.s-opacity10 		{opacity: 1;}

	
	.s-w10prc 		{width: 10%;}
	.s-w15prc 		{width: 15%;}
	.s-w20prc 		{width: 20%;}
	.s-w25prc 		{width: 25%;}
	.s-w30prc 		{width: 30%;}
	.s-w40prc 		{width: 40%;}
	.s-w50prc 		{width: 50%;}
	.s-w60prc 		{width: 60%;}
	.s-w70prc 		{width: 70%;}
	.s-w75prc 		{width: 75%;}
	.s-w80prc 		{width: 80%;}
	.s-w85prc 		{width: 85%;}
	.s-w90prc 		{width: 90%;}
	.s-w100prc 		{width: 100%;}


	.s-w180 			{width: 180px;}
	.s-w150 			{width: 150px;}
	.s-w360 			{width: 360px;}

	.s-c05x			{width: calc(0.5/12 * 100%);}
	.s-c1x			{width: calc(1/12 * 100%);}
	.s-c2x			{width: calc(2/12 * 100%);}
	.s-c3x			{width: calc(3/12 * 100%);}
	.s-c4x			{width: calc(4/12 * 100%);}
	.s-c5x			{width: calc(5/12 * 100%);}
	.s-c6x			{width: calc(6/12 * 100%);}
	.s-c7x			{width: calc(7/12 * 100%);}
	.s-c8x			{width: calc(8/12 * 100%);}
	.s-c9x			{width: calc(9/12 * 100%);}
	.s-c10x			{width: calc(10/12 * 100%);}
	.s-c11x			{width: calc(11/12 * 100%);}
	.s-c12x			{width: 100%;}

	.s-vh-auto {
		height: auto;
	}


	/* padding */

	.s-p0  { padding: 0 }
	.s-pt0 { padding-top: 0 }
	.s-pr0 { padding-right: 0 }
	.s-pb0 { padding-bottom: 0 }
	.s-pl0 { padding-left: 0 }
	.s-px0 { padding-left: 0; padding-right:  0 }
	.s-py0 { padding-top: 0;  padding-bottom: 0 }

	.s-p1  { padding:        .5rem }
	.s-pt1 { padding-top:    .5rem }
	.s-pr1 { padding-right:  .5rem }
	.s-pb1 { padding-bottom: .5rem }
	.s-pl1 { padding-left:   .5rem }
	.s-py1 { padding-top:    .5rem; padding-bottom: .5rem }
	.s-px1 { padding-left:   .5rem; padding-right:  .5rem }

	.s-p2  { padding:        1rem }
	.s-pt2 { padding-top:    1rem }
	.s-pr2 { padding-right:  1rem }
	.s-pb2 { padding-bottom: 1rem }
	.s-pl2 { padding-left:   1rem }
	.s-py2 { padding-top:    1rem; padding-bottom: 1rem }
	.s-px2 { padding-left:   1rem; padding-right:  1rem }

	.s-p3  { padding:        2rem }
	.s-pt3 { padding-top:    2rem }
	.s-pr3 { padding-right:  2rem }
	.s-pb3 { padding-bottom: 2rem }
	.s-pl3 { padding-left:   2rem }
	.s-py3 { padding-top:    2rem; padding-bottom: 2rem }
	.s-px3 { padding-left:   2rem; padding-right:  2rem }

	.s-p4  { padding:        4rem }
	.s-pt4 { padding-top:    4rem }
	.s-pr4 { padding-right:  4rem }
	.s-pb4 { padding-bottom: 4rem }
	.s-pl4 { padding-left:   4rem }
	.s-py4 { padding-top:    4rem; padding-bottom: 4rem }
	.s-px4 { padding-left:   4rem; padding-right:  4rem }

	/* margin */

	.s-m0  { margin:        0 }
	.s-mt0 { margin-top:    0 }
	.s-mr0 { margin-right:  0 }
	.s-mb0 { margin-bottom: 0 }
	.s-ml0 { margin-left:   0 }
	.s-mx0 { margin-left:   0; margin-right:  0 }
	.s-my0 { margin-top:    0; margin-bottom: 0 }

	.s-m1  { margin:        .5rem }
	.s-mt1 { margin-top:    .5rem }
	.s-mr1 { margin-right:  .5rem }
	.s-mb1 { margin-bottom: .5rem }
	.s-ml1 { margin-left:   .5rem }
	.s-mx1 { margin-left:   .5rem; margin-right:  .5rem }
	.s-my1 { margin-top:    .5rem; margin-bottom: .5rem }

	.s-m2  { margin:        1rem }
	.s-mt2 { margin-top:    1rem }
	.s-mr2 { margin-right:  1rem }
	.s-mb2 { margin-bottom: 1rem }
	.s-ml2 { margin-left:   1rem }
	.s-mx2 { margin-left:   1rem; margin-right:  1rem }
	.s-my2 { margin-top:    1rem; margin-bottom: 1rem }

	.s-m3  { margin:        2rem }
	.s-mt3 { margin-top:    2rem }
	.s-mr3 { margin-right:  2rem }
	.s-mb3 { margin-bottom: 2rem }
	.s-ml3 { margin-left:   2rem }
	.s-mx3 { margin-left:   2rem; margin-right:  2rem }
	.s-my3 { margin-top:    2rem; margin-bottom: 2rem }

	.s-m4  { margin:        4rem }
	.s-mt4 { margin-top:    4rem }
	.s-mr4 { margin-right:  4rem }
	.s-mb4 { margin-bottom: 4rem }
	.s-ml4 { margin-left:   4rem }
	.s-mx4 { margin-left:   4rem; margin-right:  4rem }
	.s-my4 { margin-top:    4rem; margin-bottom: 4rem }

	.s-mxn1 { margin-left: -.5rem; margin-right: -.5rem; }
	.s-mxn2 { margin-left: -1rem; margin-right: -1rem; }
	.s-mxn3 { margin-left: -2rem; margin-right: -2rem; }
	.s-mxn4 { margin-left: -4rem; margin-right: -4rem; }

	.s-ml-auto { margin-left: auto }
	.s-mr-auto { margin-right: auto }
	.s-mx-auto { margin-left: auto; margin-right: auto; }

	.s-mb1em { margin-bottom: 1em; }
	.s-ml1em { margin-left: 1em; }
	.s-mr1em { margin-right: 1em; }
	.s-mt1em { margin-top: 1em; }

	.s-h100prc		{height: 100%;}
	.s-mh100prc		{min-height: 100%;}

	.s-tac,	.s-center	{text-align: center;}
	.s-tar			{text-align: right;}
	.s-tal 			{text-align: left;}

	.s-vat			{vertical-align: top;}
	.s-vac 			{vertical-align: middle;}
	.s-vab			{vertical-align: bottom;}

	.s-relative 		{position: relative;}
	.s-absolute 		{position: absolute;}

	.s-block			{display: block}
	.s-inline-block,	.s-inline_block
					{display: inline-block;}
	.s-inline			{display: inline;}

	.s-pointer 		{cursor: pointer;}

	.s-clear_all 		{clear: both; float: none;}

	.s-nowrap			{white-space: nowrap;}
	.s-border 		{border: 1px solid rgba(0, 0, 0, 0.2);}
	.s-bb 			{border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
	.s-noborder 		{border: 0 !important;}

	.s-left 			{float: left;}
	.s-right 			{float: right;}
	.s-clear			{clear:both; float: none;}

	.s-disp_none,	.s-hidden		{display: none;}

	.s-z-1 			{z-index: 1;}
	.s-z-2 			{z-index: 2;}
	.s-z-3 			{z-index: 3;}
	.s-z-4 			{z-index: 4;}
	.s-z-5 			{z-index: 5;}
	.s-z-6 			{z-index: 6;}
	.s-z-7 			{z-index: 7;}
	.s-z-8 			{z-index: 8;}
	.s-z-9 			{z-index: 9;}
	.s-z-10			{z-index: 10;}

	.s-uc 			{text-transform: uppercase; letter-spacing: 0.05em;}

	.s-overflow-hidden{overflow: hidden;}
	.s-ofhidden 		{overflow: hidden;}
	.s-tr 			{display: table-row;}
	.s-td 			{display: table-cell;}
	.s-table 			{display: table;}
}