@media (max-width : 1200px) {
	
	body {
		font-size: 13px;
	}
	
	.wrapper {
		width: 100%;
		margin: 0 auto;
	}
	
	.mainpage_title {
		font-size: 3em;
	}
	
	.n-visible {display: block !important;}
	
	.n-w10prc 		{width: 10%;}
	.n-w15prc 		{width: 15%;}
	.n-w20prc 		{width: 20%;}
	.n-w25prc 		{width: 25%;}
	.n-w30prc 		{width: 30%;}
	.n-w40prc 		{width: 40%;}
	.n-w50prc 		{width: 50%;}
	.n-w60prc 		{width: 60%;}
	.n-w70prc 		{width: 70%;}
	.n-w75prc 		{width: 75%;}
	.n-w80prc 		{width: 80%;}
	.n-w85prc 		{width: 85%;}
	.n-w90prc 		{width: 90%;}
	.n-w100prc 		{width: 100%;}

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




	/* padding */

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

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

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

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

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

	/* margin */

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

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

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

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

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

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

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

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

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

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

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

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

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

	.n-pointer 		{cursor: pointer;}

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

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

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

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

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

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

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