/* Set Default to Grids */
[class^="gx-"] , [class*=" gx-"] , [class^="gs-"] , [class*=" gs-"] , 
[class^="gm-"] , [class*=" gm-"] , [class^="gl-"] , [class*=" gl-"] , 
[class^="gf-"] , [class*=" gf-"]
{
	min-height: 1px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Other Grid Options */
.clearfix , .clearfix:after { clear: both; }
.float-right { float: right; }
.float-left { float: left; }

/* X Small */
.gx-0 { width: 00%; } .gx-02 { width: 02.5%; } .gx-05 { width: 05%; } .gx-07 { width: 07.5%; }
.gx-1 { width: 10%; } .gx-12 { width: 12.5%; } .gx-15 { width: 15%; } .gx-17 { width: 17.5%; } .gx-16 { width: 16.6666%; }
.gx-2 { width: 20%; } .gx-22 { width: 22.5%; } .gx-25 { width: 25%; } .gx-27 { width: 27.5%; }
.gx-3 { width: 30%; } .gx-32 { width: 32.5%; } .gx-35 { width: 35%; } .gx-37 { width: 37.5%; } .gx-33 { width: 33.3333%; }
.gx-4 { width: 40%; } .gx-42 { width: 42.5%; } .gx-45 { width: 45%; } .gx-47 { width: 47.5%; }
.gx-5 { width: 50%; } .gx-52 { width: 52.5%; } .gx-55 { width: 55%; } .gx-57 { width: 57.5%; }
.gx-6 { width: 60%; } .gx-62 { width: 62.5%; } .gx-65 { width: 65%; } .gx-67 { width: 67.5%; } .gx-66 { width: 66.6666%; }
.gx-7 { width: 70%; } .gx-72 { width: 72.5%; } .gx-75 { width: 75%; } .gx-77 { width: 77.5%; }
.gx-8 { width: 80%; } .gx-82 { width: 82.5%; } .gx-85 { width: 85%; } .gx-87 { width: 87.5%; } .gx-83 { width: 83.3333%; }
.gx-9 { width: 90%; } .gx-92 { width: 92.5%; } .gx-95 { width: 95%; } .gx-97 { width: 97.5%; }
.gx-a { width: 100%; }
.gx-48 { width: 48.25%; }

/* 35.5em == 568px */
@media (min-width: 35.5em)
{
	/* Small */
	.gs-0 { width: 00%; } .gs-02 { width: 02.5%; } .gs-05 { width: 05%; } .gs-07 { width: 07.5%; }
	.gs-1 { width: 10%; } .gs-12 { width: 12.5%; } .gs-15 { width: 15%; } .gs-17 { width: 17.5%; } .gs-16 { width: 16.6666%; }
	.gs-2 { width: 20%; } .gs-22 { width: 22.5%; } .gs-25 { width: 25%; } .gs-27 { width: 27.5%; }
	.gs-3 { width: 30%; } .gs-32 { width: 32.5%; } .gs-35 { width: 35%; } .gs-37 { width: 37.5%; } .gs-33 { width: 33.3333%; }
	.gs-4 { width: 40%; } .gs-42 { width: 42.5%; } .gs-45 { width: 45%; } .gs-47 { width: 47.5%; }
	.gs-5 { width: 50%; } .gs-52 { width: 52.5%; } .gs-55 { width: 55%; } .gs-57 { width: 57.5%; }
	.gs-6 { width: 60%; } .gs-62 { width: 62.5%; } .gs-65 { width: 65%; } .gs-67 { width: 67.5%; } .gs-66 { width: 66.6666%; }
	.gs-7 { width: 70%; } .gs-72 { width: 72.5%; } .gs-75 { width: 75%; } .gs-77 { width: 77.5%; }
	.gs-8 { width: 80%; } .gs-82 { width: 82.5%; } .gs-85 { width: 85%; } .gs-87 { width: 87.5%; } .gs-83 { width: 83.3333%; }
	.gs-9 { width: 90%; } .gs-92 { width: 92.5%; } .gs-95 { width: 95%; } .gs-97 { width: 97.5%; }
	.gs-a { width: 100%; }
	.gs-48 { width: 48.25%; }
}

/* 48em == 768px */
@media (min-width: 48em)
{
	/* Medium */
	.gm-0 { width: 00%; } .gm-02 { width: 02.5%; } .gm-05 { width: 05%; } .gm-07 { width: 07.5%; }
	.gm-1 { width: 10%; } .gm-12 { width: 12.5%; } .gm-15 { width: 15%; } .gm-17 { width: 17.5%; } .gm-16 { width: 16.6666%; }
	.gm-2 { width: 20%; } .gm-22 { width: 22.5%; } .gm-25 { width: 25%; } .gm-27 { width: 27.5%; }
	.gm-3 { width: 30%; } .gm-32 { width: 32.5%; } .gm-35 { width: 35%; } .gm-37 { width: 37.5%; } .gm-33 { width: 33.3333%; }
	.gm-4 { width: 40%; } .gm-42 { width: 42.5%; } .gm-45 { width: 45%; } .gm-47 { width: 47.5%; }
	.gm-5 { width: 50%; } .gm-52 { width: 52.5%; } .gm-55 { width: 55%; } .gm-57 { width: 57.5%; }
	.gm-6 { width: 60%; } .gm-62 { width: 62.5%; } .gm-65 { width: 65%; } .gm-67 { width: 67.5%; } .gm-66 { width: 66.6666%; }
	.gm-7 { width: 70%; } .gm-72 { width: 72.5%; } .gm-75 { width: 75%; } .gm-77 { width: 77.5%; }
	.gm-8 { width: 80%; } .gm-82 { width: 82.5%; } .gm-85 { width: 85%; } .gm-87 { width: 87.5%; } .gm-83 { width: 83.3333%; }
	.gm-9 { width: 90%; } .gm-92 { width: 92.5%; } .gm-95 { width: 95%; } .gm-97 { width: 97.5%; }
	.gm-a { width: 100%; }
	.gm-48 { width: 48.25%; }
}

/* 64em == 1024px */
@media (min-width: 64em)
{
	/* Large */
	.gl-0 { width: 00%; } .gl-02 { width: 02.5%; } .gl-05 { width: 05%; } .gl-07 { width: 07.5%; }
	.gl-1 { width: 10%; } .gl-12 { width: 12.5%; } .gl-15 { width: 15%; } .gl-17 { width: 17.5%; } .gl-16 { width: 16.6666%; }
	.gl-2 { width: 20%; } .gl-22 { width: 22.5%; } .gl-25 { width: 25%; } .gl-27 { width: 27.5%; }
	.gl-3 { width: 30%; } .gl-32 { width: 32.5%; } .gl-35 { width: 35%; } .gl-37 { width: 37.5%; } .gl-33 { width: 33.3333%; }
	.gl-4 { width: 40%; } .gl-42 { width: 42.5%; } .gl-45 { width: 45%; } .gl-47 { width: 47.5%; }
	.gl-5 { width: 50%; } .gl-52 { width: 52.5%; } .gl-55 { width: 55%; } .gl-57 { width: 57.5%; }
	.gl-6 { width: 60%; } .gl-62 { width: 62.5%; } .gl-65 { width: 65%; } .gl-67 { width: 67.5%; } .gl-66 { width: 66.6666%; }
	.gl-7 { width: 70%; } .gl-72 { width: 72.5%; } .gl-75 { width: 75%; } .gl-77 { width: 77.5%; }
	.gl-8 { width: 80%; } .gl-82 { width: 82.5%; } .gl-85 { width: 85%; } .gl-87 { width: 87.5%; } .gl-83 { width: 83.3333%; }
	.gl-9 { width: 90%; } .gl-92 { width: 92.5%; } .gl-95 { width: 95%; } .gl-97 { width: 97.5%; }
	.gl-a { width: 100%; }
	.gl-48 { width: 48.25%; }
}

/* 80em == 1280px */
@media (min-width: 80em)
{
	/* X Large */
	.gf-0 { width: 00%; } .gf-02 { width: 02.5%; } .gf-05 { width: 05%; } .gf-07 { width: 07.5%; }
	.gf-1 { width: 10%; } .gf-12 { width: 12.5%; } .gf-15 { width: 15%; } .gf-17 { width: 17.5%; } .gf-16 { width: 16.6666%; }
	.gf-2 { width: 20%; } .gf-22 { width: 22.5%; } .gf-25 { width: 25%; } .gf-27 { width: 27.5%; }
	.gf-3 { width: 30%; } .gf-32 { width: 32.5%; } .gf-35 { width: 35%; } .gf-37 { width: 37.5%; } .gf-33 { width: 33.3333%; }
	.gf-4 { width: 40%; } .gf-42 { width: 42.5%; } .gf-45 { width: 45%; } .gf-47 { width: 47.5%; }
	.gf-5 { width: 50%; } .gf-52 { width: 52.5%; } .gf-55 { width: 55%; } .gf-57 { width: 57.5%; }
	.gf-6 { width: 60%; } .gf-62 { width: 62.5%; } .gf-65 { width: 65%; } .gf-67 { width: 67.5%; } .gf-66 { width: 66.6666%; }
	.gf-7 { width: 70%; } .gf-72 { width: 72.5%; } .gf-75 { width: 75%; } .gf-77 { width: 77.5%; }
	.gf-8 { width: 80%; } .gf-82 { width: 82.5%; } .gf-85 { width: 85%; } .gf-87 { width: 87.5%; } .gf-83 { width: 83.3333%; }
	.gf-9 { width: 90%; } .gf-92 { width: 92.5%; } .gf-95 { width: 95%; } .gf-97 { width: 97.5%; }
	.gf-a { width: 100%; }
	.gf-48 { width: 48.25%; }
}

/* Hidden And Visible */
@media (max-width: 35.4375em)
{
	.hx { display: none !important; }
	.vx { display: inline-block; }
	.vs { display: none; }
	.vm { display: none; }
	.vl { display: none; }
	.vf { display: none; }
}

@media (min-width: 35.5em) and (max-width: 47.9375em)
{
	.hs { display: none !important; }
	.vx { display: none; }
	.vs { display: inline-block; }
	.vm { display: none; }
	.vl { display: none; }
	.vf { display: none; }
}

@media (min-width: 48em) and (max-width: 63.9375em)
{
	.hm { display: none !important; }
	.vx { display: none; }
	.vs { display: none; }
	.vm { display: inline-block; }
	.vl { display: none; }
	.vf { display: none; }
}

@media (min-width: 64em) and (max-width: 79.9375em)
{
	.hl { display: none !important; }
	.vx { display: none; }
	.vs { display: none; }
	.vm { display: none; }
	.vl { display: inline-block; }
	.vf { display: none; }
}

@media (min-width: 80em)
{
	.hf { display: none !important; }
	.vx { display: none; }
	.vs { display: none; }
	.vm { display: none; }
	.vl { display: none; }
	.vf { display: inline-block; }
}

.ha { display: none !important; }
.va { display: inline-block; }

/* Container */
.container
{
	width: 95%;
	position: relative;
	margin-right: 2.5%;
	margin-left: 2.5%;
}

@media (min-width: 35.5em)
{
	.container
	{
		width: 550px;
		margin-right: calc(50% - 275px);
		margin-left: calc(50% - 275px);
	}
}

@media (min-width: 48em)
{
	.container
	{
		width: 750px;
		margin-right: calc(50% - 375px);
		margin-left: calc(50% - 375px);
	}
}

@media (min-width: 64em)
{
	.container
	{
		width: 1000px;
		margin-right: calc(50% - 500px);
		margin-left: calc(50% - 500px);
	}
}

@media (min-width: 80em)
{
	.container
	{
		width: 1250px;
		margin-right: calc(50% - 625px);
		margin-left: calc(50% - 625px);
	}
}

@media (min-width: 90em)
{
	.wide-container
	{
		width: 1400px;
		margin-right: calc(50% - 700px);
		margin-left: calc(50% - 700px);
	}
}

@media (min-width: 100em)
{
	.wide-container
	{
		width: 1500px;
		margin-right: calc(50% - 750px);
		margin-left: calc(50% - 750px);
	}
}