/*
 * ~~~~~~~~~~~~~~~~~~~
 * @title Giovanna.css
 * ~~~~~~~~~~~~~~~~~~~
 * @author Dustin Iacobazzi Riecan
 * @version 0.1.0
 *
 */


/*
 * @section media query definitions
 * @info
 */

@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}


/*
 * @section css reset
 * @info
 */

* {
	margin: 0;
	padding: 0;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   		box-sizing: border-box;
}
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body * {
	position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/*
 * @section namespace
 * @info
 */

.Gio {}


/*
 * @section initial setup
 * @info
 */

.Gio .container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1200px;
}
.Gio .group:after {
	content: "";
	display: table;
	clear: both;
}
.Gio [class^="xs-"],
.Gio [class^="sm-"],
.Gio [class^="md-"],
.Gio [class^="lg-"],
.Gio [class^="xl-"] {
	float: left;
}

/*
 * @section grid 12: columns
 * @info
 */

.Gio .xs-1-12 {
	width: 8.33%;
}
.Gio .xs-2-12 {
	width: 16.66%;
}
.Gio .xs-3-12 {
	width: 25%;
}
.Gio .xs-4-12 {
	width: 33.33%;
}
.Gio .xs-5-12 {
	width: 41.66%;
}
.Gio .xs-6-12 {
	width: 50%;
}
.Gio .xs-7-12 {
	width: 58.33%;
}
.Gio .xs-8-12 {
	width: 66.66%;
}
.Gio .xs-9-12 {
	width: 75%;
}
.Gio .xs-10-12 {
	width: 83.33%;
}
.Gio .xs-11-12 {
	width: 91.66%;
}
.Gio .xs-12-12 {
	width: 100%;
}
@media (min-width: 480px) {
	.Gio .sm-1-12 {
		width: 8.33%;
	}
	.Gio .sm-2-12 {
		width: 16.66%;
	}
	.Gio .sm-3-12 {
		width: 25%;
	}
	.Gio .sm-4-12 {
		width: 33.33%;
	}
	.Gio .sm-5-12 {
		width: 41.66%;
	}
	.Gio .sm-6-12 {
		width: 50%;
	}
	.Gio .sm-7-12 {
		width: 58.33%;
	}
	.Gio .sm-8-12 {
		width: 66.66%;
	}
	.Gio .sm-9-12 {
		width: 75%;
	}
	.Gio .sm-10-12 {
		width: 83.33%;
	}
	.Gio .sm-11-12 {
		width: 91.66%;
	}
	.Gio .sm-12-12 {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.Gio .md-1-12 {
		width: 8.33%;
	}
	.Gio .md-2-12 {
		width: 16.66%;
	}
	.Gio .md-3-12 {
		width: 25%;
	}
	.Gio .md-4-12 {
		width: 33.33%;
	}
	.Gio .md-5-12 {
		width: 41.66%;
	}
	.Gio .md-6-12 {
		width: 50%;
	}
	.Gio .md-7-12 {
		width: 58.33%;
	}
	.Gio .md-8-12 {
		width: 66.66%;
	}
	.Gio .md-9-12 {
		width: 75%;
	}
	.Gio .md-10-12 {
		width: 83.33%;
	}
	.Gio .md-11-12 {
		width: 91.66%;
	}
	.Gio .md-12-12 {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.Gio .lg-1-12 {
		width: 8.33%;
	}
	.Gio .lg-2-12 {
		width: 16.66%;
	}
	.Gio .lg-3-12 {
		width: 25%;
	}
	.Gio .lg-4-12 {
		width: 33.33%;
	}
	.Gio .lg-5-12 {
		width: 41.66%;
	}
	.Gio .lg-6-12 {
		width: 50%;
	}
	.Gio .lg-7-12 {
		width: 58.33%;
	}
	.Gio .lg-8-12 {
		width: 66.66%;
	}
	.Gio .lg-9-12 {
		width: 75%;
	}
	.Gio .lg-10-12 {
		width: 83.33%;
	}
	.Gio .lg-11-12 {
		width: 91.66%;
	}
	.Gio .lg-12-12 {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.Gio .xl-1-12 {
		width: 8.33%;
	}
	.Gio .xl-2-12 {
		width: 16.66%;
	}
	.Gio .xl-3-12 {
		width: 25%;
	}
	.Gio .xl-4-12 {
		width: 33.33%;
	}
	.Gio .xl-5-12 {
		width: 41.66%;
	}
	.Gio .xl-6-12 {
		width: 50%;
	}
	.Gio .xl-7-12 {
		width: 58.33%;
	}
	.Gio .xl-8-12 {
		width: 66.66%;
	}
	.Gio .xl-9-12 {
		width: 75%;
	}
	.Gio .xl-10-12 {
		width: 83.33%;
	}
	.Gio .xl-11-12 {
		width: 91.66%;
	}
	.Gio .xl-12-12 {
		width: 100%;
	}
}


/*
 * @section grid 12: pushes
 * @info
 */

.Gio .push-xs-1-12 {
	left: 8.33%;
}
.Gio .push-xs-2-12 {
	left: 16.66%;
}
.Gio .push-xs-3-12 {
	left: 25%;
}
.Gio .push-xs-4-12 {
	left: 33.33%;
}
.Gio .push-xs-5-12 {
	left: 41.66%;
}
.Gio .push-xs-6-12 {
	left: 50%;
}
.Gio .push-xs-7-12 {
	left: 58.33%;
}
.Gio .push-xs-8-12 {
	left: 66.66%;
}
.Gio .push-xs-9-12 {
	left: 75%;
}
.Gio .push-xs-10-12 {
	left: 83.33%;
}
.Gio .push-xs-11-12 {
	left: 91.66%;
}
.Gio .push-xs-12-12 {
	left: 100%;
}
@media (min-width: 480px) {
	.Gio .push-sm-1-12 {
		left: 8.33%;
	}
	.Gio .push-sm-2-12 {
		left: 16.66%;
	}
	.Gio .push-sm-3-12 {
		left: 25%;
	}
	.Gio .push-sm-4-12 {
		left: 33.33%;
	}
	.Gio .push-sm-5-12 {
		left: 41.66%;
	}
	.Gio .push-sm-6-12 {
		left: 50%;
	}
	.Gio .push-sm-7-12 {
		left: 58.33%;
	}
	.Gio .push-sm-8-12 {
		left: 66.66%;
	}
	.Gio .push-sm-9-12 {
		left: 75%;
	}
	.Gio .push-sm-10-12 {
		left: 83.33%;
	}
	.Gio .push-sm-11-12 {
		left: 91.66%;
	}
	.Gio .push-sm-12-12 {
		left: 100%;
	}
}
@media (min-width: 768px) {
	.Gio .push-md-1-12 {
		left: 8.33%;
	}
	.Gio .push-md-2-12 {
		left: 16.66%;
	}
	.Gio .push-md-3-12 {
		left: 25%;
	}
	.Gio .push-md-4-12 {
		left: 33.33%;
	}
	.Gio .push-md-5-12 {
		left: 41.66%;
	}
	.Gio .push-md-6-12 {
		left: 50%;
	}
	.Gio .push-md-7-12 {
		left: 58.33%;
	}
	.Gio .push-md-8-12 {
		left: 66.66%;
	}
	.Gio .push-md-9-12 {
		left: 75%;
	}
	.Gio .push-md-10-12 {
		left: 83.33%;
	}
	.Gio .push-md-11-12 {
		left: 91.66%;
	}
	.Gio .push-md-12-12 {
		left: 100%;
	}
}
@media (min-width: 992px) {
	.Gio .push-lg-1-12 {
		left: 8.33%;
	}
	.Gio .push-lg-2-12 {
		left: 16.66%;
	}
	.Gio .push-lg-3-12 {
		left: 25%;
	}
	.Gio .push-lg-4-12 {
		left: 33.33%;
	}
	.Gio .push-lg-5-12 {
		left: 41.66%;
	}
	.Gio .push-lg-6-12 {
		left: 50%;
	}
	.Gio .push-lg-7-12 {
		left: 58.33%;
	}
	.Gio .push-lg-8-12 {
		left: 66.66%;
	}
	.Gio .push-lg-9-12 {
		left: 75%;
	}
	.Gio .push-lg-10-12 {
		left: 83.33%;
	}
	.Gio .push-lg-11-12 {
		left: 91.66%;
	}
	.Gio .push-lg-12-12 {
		left: 100%;
	}
}
@media (min-width: 1200px) {
	.Gio .push-xl-1-12 {
		left: 8.33%;
	}
	.Gio .push-xl-2-12 {
		left: 16.66%;
	}
	.Gio .push-xl-3-12 {
		left: 25%;
	}
	.Gio .push-xl-4-12 {
		left: 33.33%;
	}
	.Gio .push-xl-5-12 {
		left: 41.66%;
	}
	.Gio .push-xl-6-12 {
		left: 50%;
	}
	.Gio .push-xl-7-12 {
		left: 58.33%;
	}
	.Gio .push-xl-8-12 {
		left: 66.66%;
	}
	.Gio .push-xl-9-12 {
		left: 75%;
	}
	.Gio .push-xl-10-12 {
		left: 83.33%;
	}
	.Gio .push-xl-11-12 {
		left: 91.66%;
	}
	.Gio .push-xl-12-12 {
		left: 100%;
	}
}


/*
 * @section grid 12: pulls
 * @info
 */

.Gio .pull-xs-1-12 {
	right: 8.33%;
}
.Gio .pull-xs-2-12 {
	right: 16.66%;
}
.Gio .pull-xs-3-12 {
	right: 25%;
}
.Gio .pull-xs-4-12 {
	right: 33.33%;
}
.Gio .pull-xs-5-12 {
	right: 41.66%;
}
.Gio .pull-xs-6-12 {
	right: 50%;
}
.Gio .pull-xs-7-12 {
	right: 58.33%;
}
.Gio .pull-xs-8-12 {
	right: 66.66%;
}
.Gio .pull-xs-9-12 {
	right: 75%;
}
.Gio .pull-xs-10-12 {
	right: 83.33%;
}
.Gio .pull-xs-11-12 {
	right: 91.66%;
}
.Gio .pull-xs-12-12 {
	right: 100%;
}
@media (min-width: 480px) {
	.Gio .pull-sm-1-12 {
		right: 8.33%;
	}
	.Gio .pull-sm-2-12 {
		right: 16.66%;
	}
	.Gio .pull-sm-3-12 {
		right: 25%;
	}
	.Gio .pull-sm-4-12 {
		right: 33.33%;
	}
	.Gio .pull-sm-5-12 {
		right: 41.66%;
	}
	.Gio .pull-sm-6-12 {
		right: 50%;
	}
	.Gio .pull-sm-7-12 {
		right: 58.33%;
	}
	.Gio .pull-sm-8-12 {
		right: 66.66%;
	}
	.Gio .pull-sm-9-12 {
		right: 75%;
	}
	.Gio .pull-sm-10-12 {
		right: 83.33%;
	}
	.Gio .pull-sm-11-12 {
		right: 91.66%;
	}
	.Gio .pull-sm-12-12 {
		right: 100%;
	}
}
@media (min-width: 768px) {
	.Gio .pull-md-1-12 {
		right: 8.33%;
	}
	.Gio .pull-md-2-12 {
		right: 16.66%;
	}
	.Gio .pull-md-3-12 {
		right: 25%;
	}
	.Gio .pull-md-4-12 {
		right: 33.33%;
	}
	.Gio .pull-md-5-12 {
		right: 41.66%;
	}
	.Gio .pull-md-6-12 {
		right: 50%;
	}
	.Gio .pull-md-7-12 {
		right: 58.33%;
	}
	.Gio .pull-md-8-12 {
		right: 66.66%;
	}
	.Gio .pull-md-9-12 {
		right: 75%;
	}
	.Gio .pull-md-10-12 {
		right: 83.33%;
	}
	.Gio .pull-md-11-12 {
		right: 91.66%;
	}
	.Gio .pull-md-12-12 {
		right: 100%;
	}
}
@media (min-width: 992px) {
	.Gio .pull-lg-1-12 {
		right: 8.33%;
	}
	.Gio .pull-lg-2-12 {
		right: 16.66%;
	}
	.Gio .pull-lg-3-12 {
		right: 25%;
	}
	.Gio .pull-lg-4-12 {
		right: 33.33%;
	}
	.Gio .pull-lg-5-12 {
		right: 41.66%;
	}
	.Gio .pull-lg-6-12 {
		right: 50%;
	}
	.Gio .pull-lg-7-12 {
		right: 58.33%;
	}
	.Gio .pull-lg-8-12 {
		right: 66.66%;
	}
	.Gio .pull-lg-9-12 {
		right: 75%;
	}
	.Gio .pull-lg-10-12 {
		right: 83.33%;
	}
	.Gio .pull-lg-11-12 {
		right: 91.66%;
	}
	.Gio .pull-lg-12-12 {
		right: 100%;
	}
}
@media (min-width: 1200px) {
	.Gio .pull-xl-1-12 {
		right: 8.33%;
	}
	.Gio .pull-xl-2-12 {
		right: 16.66%;
	}
	.Gio .pull-xl-3-12 {
		right: 25%;
	}
	.Gio .pull-xl-4-12 {
		right: 33.33%;
	}
	.Gio .pull-xl-5-12 {
		right: 41.66%;
	}
	.Gio .pull-xl-6-12 {
		right: 50%;
	}
	.Gio .pull-xl-7-12 {
		right: 58.33%;
	}
	.Gio .pull-xl-8-12 {
		right: 66.66%;
	}
	.Gio .pull-xl-9-12 {
		right: 75%;
	}
	.Gio .pull-xl-10-12 {
		right: 83.33%;
	}
	.Gio .pull-xl-11-12 {
		right: 91.66%;
	}
	.Gio .pull-xl-12-12 {
		right: 100%;
	}
}


/*
 * @section grid 16: columns
 * @info
 */

.Gio .xs-1-16 {
	width: 6.25%;
}
.Gio .xs-2-16 {
	width: 12.5%;
}
.Gio .xs-3-16 {
	width: 18.75%;
}
.Gio .xs-4-16 {
	width: 25%;
}
.Gio .xs-5-16 {
	width: 31.25%;
}
.Gio .xs-6-16 {
	width: 37.5%;
}
.Gio .xs-7-16 {
	width: 43.75%;
}
.Gio .xs-8-16 {
	width: 50%;
}
.Gio .xs-9-16 {
	width: 56.25%;
}
.Gio .xs-10-16 {
	width: 62.5%;
}
.Gio .xs-11-16 {
	width: 68.75%;
}
.Gio .xs-12-16 {
	width: 75%;
}
.Gio .xs-13-16 {
	width: 81.25%;
}
.Gio .xs-14-16 {
	width: 87.25%;
}
.Gio .xs-15-16 {
	width: 93.75%;
}
.Gio .xs-16-16 {
	width: 100%;
}
@media (min-width: 480px) {
	.Gio .sm-1-16 {
		width: 6.25%;
	}
	.Gio .sm-2-16 {
		width: 12.5%;
	}
	.Gio .sm-3-16 {
		width: 18.75%;
	}
	.Gio .sm-4-16 {
		width: 25%;
	}
	.Gio .sm-5-16 {
		width: 31.25%;
	}
	.Gio .sm-6-16 {
		width: 37.5%;
	}
	.Gio .sm-7-16 {
		width: 43.75%;
	}
	.Gio .sm-8-16 {
		width: 50%;
	}
	.Gio .sm-9-16 {
		width: 56.25%;
	}
	.Gio .sm-10-16 {
		width: 62.5%;
	}
	.Gio .sm-11-16 {
		width: 68.75%;
	}
	.Gio .sm-12-16 {
		width: 75%;
	}
	.Gio .sm-13-16 {
		width: 81.25%;
	}
	.Gio .sm-14-16 {
		width: 87.25%;
	}
	.Gio .sm-15-16 {
		width: 93.75%;
	}
	.Gio .sm-16-16 {
		width: 100%;
	}
}
@media (min-width: 768px) {
	.Gio .md-1-16 {
		width: 6.25%;
	}
	.Gio .md-2-16 {
		width: 12.5%;
	}
	.Gio .md-3-16 {
		width: 18.75%;
	}
	.Gio .md-4-16 {
		width: 25%;
	}
	.Gio .md-5-16 {
		width: 31.25%;
	}
	.Gio .md-6-16 {
		width: 37.5%;
	}
	.Gio .md-7-16 {
		width: 43.75%;
	}
	.Gio .md-8-16 {
		width: 50%;
	}
	.Gio .md-9-16 {
		width: 56.25%;
	}
	.Gio .md-10-16 {
		width: 62.5%;
	}
	.Gio .md-11-16 {
		width: 68.75%;
	}
	.Gio .md-12-16 {
		width: 75%;
	}
	.Gio .md-13-16 {
		width: 81.25%;
	}
	.Gio .md-14-16 {
		width: 87.25%;
	}
	.Gio .md-15-16 {
		width: 93.75%;
	}
	.Gio .md-16-16 {
		width: 100%;
	}
}
@media (min-width: 992px) {
	.Gio .lg-1-16 {
		width: 6.25%;
	}
	.Gio .lg-2-16 {
		width: 12.5%;
	}
	.Gio .lg-3-16 {
		width: 18.75%;
	}
	.Gio .lg-4-16 {
		width: 25%;
	}
	.Gio .lg-5-16 {
		width: 31.25%;
	}
	.Gio .lg-6-16 {
		width: 37.5%;
	}
	.Gio .lg-7-16 {
		width: 43.75%;
	}
	.Gio .lg-8-16 {
		width: 50%;
	}
	.Gio .lg-9-16 {
		width: 56.25%;
	}
	.Gio .lg-10-16 {
		width: 62.5%;
	}
	.Gio .lg-11-16 {
		width: 68.75%;
	}
	.Gio .lg-12-16 {
		width: 75%;
	}
	.Gio .lg-13-16 {
		width: 81.25%;
	}
	.Gio .lg-14-16 {
		width: 87.25%;
	}
	.Gio .lg-15-16 {
		width: 93.75%;
	}
	.Gio .lg-16-16 {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.Gio .xl-1-16 {
		width: 6.25%;
	}
	.Gio .xl-2-16 {
		width: 12.5%;
	}
	.Gio .xl-3-16 {
		width: 18.75%;
	}
	.Gio .xl-4-16 {
		width: 25%;
	}
	.Gio .xl-5-16 {
		width: 31.25%;
	}
	.Gio .xl-6-16 {
		width: 37.5%;
	}
	.Gio .xl-7-16 {
		width: 43.75%;
	}
	.Gio .xl-8-16 {
		width: 50%;
	}
	.Gio .xl-9-16 {
		width: 56.25%;
	}
	.Gio .xl-10-16 {
		width: 62.5%;
	}
	.Gio .xl-11-16 {
		width: 68.75%;
	}
	.Gio .xl-12-16 {
		width: 75%;
	}
	.Gio .xl-13-16 {
		width: 81.25%;
	}
	.Gio .xl-14-16 {
		width: 87.25%;
	}
	.Gio .xl-15-16 {
		width: 93.75%;
	}
	.Gio .xl-16-16 {
		width: 100%;
	}
}


/*
 * @section grid 16: pushes
 * @info
 */

.Gio .push-xs-1-16 {
	left: 6.25%;
}
.Gio .push-xs-2-16 {
	left: 12.5%;
}
.Gio .push-xs-3-16 {
	left: 18.75%;
}
.Gio .push-xs-4-16 {
	left: 25%;
}
.Gio .push-xs-5-16 {
	left: 31.25%;
}
.Gio .push-xs-6-16 {
	left: 37.5%;
}
.Gio .push-xs-7-16 {
	left: 43.75%;
}
.Gio .push-xs-8-16 {
	left: 50%;
}
.Gio .push-xs-9-16 {
	left: 56.25%;
}
.Gio .push-xs-10-16 {
	left: 62.5%;
}
.Gio .push-xs-11-16 {
	left: 68.75%;
}
.Gio .push-xs-12-16 {
	left: 75%;
}
.Gio .push-xs-13-16 {
	left: 81.25%;
}
.Gio .push-xs-14-16 {
	left: 87.25%;
}
.Gio .push-xs-15-16 {
	left: 93.75%;
}
.Gio .push-xs-16-16 {
	left: 100%;
}
@media (min-width: 480px) {
	.Gio .push-sm-1-16 {
		left: 6.25%;
	}
	.Gio .push-sm-2-16 {
		left: 12.5%;
	}
	.Gio .push-sm-3-16 {
		left: 18.75%;
	}
	.Gio .push-sm-4-16 {
		left: 25%;
	}
	.Gio .push-sm-5-16 {
		left: 31.25%;
	}
	.Gio .push-sm-6-16 {
		left: 37.5%;
	}
	.Gio .push-sm-7-16 {
		left: 43.75%;
	}
	.Gio .push-sm-8-16 {
		left: 50%;
	}
	.Gio .push-sm-9-16 {
		left: 56.25%;
	}
	.Gio .push-sm-10-16 {
		left: 62.5%;
	}
	.Gio .push-sm-11-16 {
		left: 68.75%;
	}
	.Gio .push-sm-12-16 {
		left: 75%;
	}
	.Gio .push-sm-13-16 {
		left: 81.25%;
	}
	.Gio .push-sm-14-16 {
		left: 87.25%;
	}
	.Gio .push-sm-15-16 {
		left: 93.75%;
	}
	.Gio .push-sm-16-16 {
		left: 100%;
	}
}
@media (min-width: 768px) {
	.Gio .push-md-1-16 {
		left: 6.25%;
	}
	.Gio .push-md-2-16 {
		left: 12.5%;
	}
	.Gio .push-md-3-16 {
		left: 18.75%;
	}
	.Gio .push-md-4-16 {
		left: 25%;
	}
	.Gio .push-md-5-16 {
		left: 31.25%;
	}
	.Gio .push-md-6-16 {
		left: 37.5%;
	}
	.Gio .push-md-7-16 {
		left: 43.75%;
	}
	.Gio .push-md-8-16 {
		left: 50%;
	}
	.Gio .push-md-9-16 {
		left: 56.25%;
	}
	.Gio .push-md-10-16 {
		left: 62.5%;
	}
	.Gio .push-md-11-16 {
		left: 68.75%;
	}
	.Gio .push-md-12-16 {
		left: 75%;
	}
	.Gio .push-md-13-16 {
		left: 81.25%;
	}
	.Gio .push-md-14-16 {
		left: 87.25%;
	}
	.Gio .push-md-15-16 {
		left: 93.75%;
	}
	.Gio .push-md-16-16 {
		left: 100%;
	}
}
@media (min-width: 992px) {
	.Gio .push-lg-1-16 {
		left: 6.25%;
	}
	.Gio .push-lg-2-16 {
		left: 12.5%;
	}
	.Gio .push-lg-3-16 {
		left: 18.75%;
	}
	.Gio .push-lg-4-16 {
		left: 25%;
	}
	.Gio .push-lg-5-16 {
		left: 31.25%;
	}
	.Gio .push-lg-6-16 {
		left: 37.5%;
	}
	.Gio .push-lg-7-16 {
		left: 43.75%;
	}
	.Gio .push-lg-8-16 {
		left: 50%;
	}
	.Gio .push-lg-9-16 {
		left: 56.25%;
	}
	.Gio .push-lg-10-16 {
		left: 62.5%;
	}
	.Gio .push-lg-11-16 {
		left: 68.75%;
	}
	.Gio .push-lg-12-16 {
		left: 75%;
	}
	.Gio .push-lg-13-16 {
		left: 81.25%;
	}
	.Gio .push-lg-14-16 {
		left: 87.25%;
	}
	.Gio .push-lg-15-16 {
		left: 93.75%;
	}
	.Gio .push-lg-16-16 {
		left: 100%;
	}
}
@media (min-width: 1200px) {
	.Gio .push-xl-1-16 {
		left: 6.25%;
	}
	.Gio .push-xl-2-16 {
		left: 12.5%;
	}
	.Gio .push-xl-3-16 {
		left: 18.75%;
	}
	.Gio .push-xl-4-16 {
		left: 25%;
	}
	.Gio .push-xl-5-16 {
		left: 31.25%;
	}
	.Gio .push-xl-6-16 {
		left: 37.5%;
	}
	.Gio .push-xl-7-16 {
		left: 43.75%;
	}
	.Gio .push-xl-8-16 {
		left: 50%;
	}
	.Gio .push-xl-9-16 {
		left: 56.25%;
	}
	.Gio .push-xl-10-16 {
		left: 62.5%;
	}
	.Gio .push-xl-11-16 {
		left: 68.75%;
	}
	.Gio .push-xl-12-16 {
		left: 75%;
	}
	.Gio .push-xl-13-16 {
		left: 81.25%;
	}
	.Gio .push-xl-14-16 {
		left: 87.25%;
	}
	.Gio .push-xl-15-16 {
		left: 93.75%;
	}
	.Gio .push-xl-16-16 {
		left: 100%;
	}
}


/*
 * @section grid 16: pulls
 * @info
 */

.Gio .pull-xs-1-16 {
	right: 6.25%;
}
.Gio .pull-xs-2-16 {
	right: 12.5%;
}
.Gio .pull-xs-3-16 {
	right: 18.75%;
}
.Gio .pull-xs-4-16 {
	right: 25%;
}
.Gio .pull-xs-5-16 {
	right: 31.25%;
}
.Gio .pull-xs-6-16 {
	right: 37.5%;
}
.Gio .pull-xs-7-16 {
	right: 43.75%;
}
.Gio .pull-xs-8-16 {
	right: 50%;
}
.Gio .pull-xs-9-16 {
	right: 56.25%;
}
.Gio .pull-xs-10-16 {
	right: 62.5%;
}
.Gio .pull-xs-11-16 {
	right: 68.75%;
}
.Gio .pull-xs-12-16 {
	right: 75%;
}
.Gio .pull-xs-13-16 {
	right: 81.25%;
}
.Gio .pull-xs-14-16 {
	right: 87.25%;
}
.Gio .pull-xs-15-16 {
	right: 93.75%;
}
.Gio .pull-xs-16-16 {
	right: 100%;
}
@media (min-width: 480px) {
	.Gio .pull-sm-1-16 {
		right: 6.25%;
	}
	.Gio .pull-sm-2-16 {
		right: 12.5%;
	}
	.Gio .pull-sm-3-16 {
		right: 18.75%;
	}
	.Gio .pull-sm-4-16 {
		right: 25%;
	}
	.Gio .pull-sm-5-16 {
		right: 31.25%;
	}
	.Gio .pull-sm-6-16 {
		right: 37.5%;
	}
	.Gio .pull-sm-7-16 {
		right: 43.75%;
	}
	.Gio .pull-sm-8-16 {
		right: 50%;
	}
	.Gio .pull-sm-9-16 {
		right: 56.25%;
	}
	.Gio .pull-sm-10-16 {
		right: 62.5%;
	}
	.Gio .pull-sm-11-16 {
		right: 68.75%;
	}
	.Gio .pull-sm-12-16 {
		right: 75%;
	}
	.Gio .pull-sm-13-16 {
		right: 81.25%;
	}
	.Gio .pull-sm-14-16 {
		right: 87.25%;
	}
	.Gio .pull-sm-15-16 {
		right: 93.75%;
	}
	.Gio .pull-sm-16-16 {
		right: 100%;
	}
}
@media (min-width: 768px) {
	.Gio .pull-md-1-16 {
		right: 6.25%;
	}
	.Gio .pull-md-2-16 {
		right: 12.5%;
	}
	.Gio .pull-md-3-16 {
		right: 18.75%;
	}
	.Gio .pull-md-4-16 {
		right: 25%;
	}
	.Gio .pull-md-5-16 {
		right: 31.25%;
	}
	.Gio .pull-md-6-16 {
		right: 37.5%;
	}
	.Gio .pull-md-7-16 {
		right: 43.75%;
	}
	.Gio .pull-md-8-16 {
		right: 50%;
	}
	.Gio .pull-md-9-16 {
		right: 56.25%;
	}
	.Gio .pull-md-10-16 {
		right: 62.5%;
	}
	.Gio .pull-md-11-16 {
		right: 68.75%;
	}
	.Gio .pull-md-12-16 {
		right: 75%;
	}
	.Gio .pull-md-13-16 {
		right: 81.25%;
	}
	.Gio .pull-md-14-16 {
		right: 87.25%;
	}
	.Gio .pull-md-15-16 {
		right: 93.75%;
	}
	.Gio .pull-md-16-16 {
		right: 100%;
	}
}
@media (min-width: 992px) {
	.Gio .pull-lg-1-16 {
		right: 6.25%;
	}
	.Gio .pull-lg-2-16 {
		right: 12.5%;
	}
	.Gio .pull-lg-3-16 {
		right: 18.75%;
	}
	.Gio .pull-lg-4-16 {
		right: 25%;
	}
	.Gio .pull-lg-5-16 {
		right: 31.25%;
	}
	.Gio .pull-lg-6-16 {
		right: 37.5%;
	}
	.Gio .pull-lg-7-16 {
		right: 43.75%;
	}
	.Gio .pull-lg-8-16 {
		right: 50%;
	}
	.Gio .pull-lg-9-16 {
		right: 56.25%;
	}
	.Gio .pull-lg-10-16 {
		right: 62.5%;
	}
	.Gio .pull-lg-11-16 {
		right: 68.75%;
	}
	.Gio .pull-lg-12-16 {
		right: 75%;
	}
	.Gio .pull-lg-13-16 {
		right: 81.25%;
	}
	.Gio .pull-lg-14-16 {
		right: 87.25%;
	}
	.Gio .pull-lg-15-16 {
		right: 93.75%;
	}
	.Gio .pull-lg-16-16 {
		right: 100%;
	}
}
@media (min-width: 1200px) {
	.Gio .pull-xl-1-16 {
		right: 6.25%;
	}
	.Gio .pull-xl-2-16 {
		right: 12.5%;
	}
	.Gio .pull-xl-3-16 {
		right: 18.75%;
	}
	.Gio .pull-xl-4-16 {
		right: 25%;
	}
	.Gio .pull-xl-5-16 {
		right: 31.25%;
	}
	.Gio .pull-xl-6-16 {
		right: 37.5%;
	}
	.Gio .pull-xl-7-16 {
		right: 43.75%;
	}
	.Gio .pull-xl-8-16 {
		right: 50%;
	}
	.Gio .pull-xl-9-16 {
		right: 56.25%;
	}
	.Gio .pull-xl-10-16 {
		right: 62.5%;
	}
	.Gio .pull-xl-11-16 {
		right: 68.75%;
	}
	.Gio .pull-xl-12-16 {
		right: 75%;
	}
	.Gio .pull-xl-13-16 {
		right: 81.25%;
	}
	.Gio .pull-xl-14-16 {
		right: 87.25%;
	}
	.Gio .pull-xl-15-16 {
		right: 93.75%;
	}
	.Gio .pull-xl-16-16 {
		right: 100%;
	}
}


/*
 * @section grid and column: padding
 * @info
 */

.Gio .pad-xs-2,
.Gio .pad-xs-2 [class^="xs-"],
.Gio .pad-xs-2 [class^="sm-"],
.Gio .pad-xs-2 [class^="md-"],
.Gio .pad-xs-2 [class^="lg-"],
.Gio .pad-xs-2 [class^="xl-"] {
	padding: 1px;
}
.Gio .pad-xs-4,
.Gio .pad-xs-4 [class^="xs-"],
.Gio .pad-xs-4 [class^="sm-"],
.Gio .pad-xs-4 [class^="md-"],
.Gio .pad-xs-4 [class^="lg-"],
.Gio .pad-xs-4 [class^="xl-"] {
	padding: 2px;
}
.Gio .pad-xs-6,
.Gio .pad-xs-6 [class^="xs-"],
.Gio .pad-xs-6 [class^="sm-"],
.Gio .pad-xs-6 [class^="md-"],
.Gio .pad-xs-6 [class^="lg-"],
.Gio .pad-xs-6 [class^="xl-"] {
	padding: 3px;
}
.Gio .pad-xs-8,
.Gio .pad-xs-8 [class^="xs-"],
.Gio .pad-xs-8 [class^="sm-"],
.Gio .pad-xs-8 [class^="md-"],
.Gio .pad-xs-8 [class^="lg-"],
.Gio .pad-xs-8 [class^="xl-"] {
	padding: 4px;
}
.Gio .pad-xs-10,
.Gio .pad-xs-10 [class^="xs-"],
.Gio .pad-xs-10 [class^="sm-"],
.Gio .pad-xs-10 [class^="md-"],
.Gio .pad-xs-10 [class^="lg-"],
.Gio .pad-xs-10 [class^="xl-"] {
	padding: 5px;
}
.Gio .pad-xs-12,
.Gio .pad-xs-12 [class^="xs-"],
.Gio .pad-xs-12 [class^="sm-"],
.Gio .pad-xs-12 [class^="md-"],
.Gio .pad-xs-12 [class^="lg-"],
.Gio .pad-xs-12 [class^="xl-"] {
	padding: 6px;
}
.Gio .pad-xs-14,
.Gio .pad-xs-14 [class^="xs-"],
.Gio .pad-xs-14 [class^="sm-"],
.Gio .pad-xs-14 [class^="md-"],
.Gio .pad-xs-14 [class^="lg-"],
.Gio .pad-xs-14 [class^="xl-"] {
	padding: 7px;
}
.Gio .pad-xs-16,
.Gio .pad-xs-16 [class^="xs-"],
.Gio .pad-xs-16 [class^="sm-"],
.Gio .pad-xs-16 [class^="md-"],
.Gio .pad-xs-16 [class^="lg-"],
.Gio .pad-xs-16 [class^="xl-"] {
	padding: 8px;
}
.Gio .pad-xs-18,
.Gio .pad-xs-18 [class^="xs-"],
.Gio .pad-xs-18 [class^="sm-"],
.Gio .pad-xs-18 [class^="md-"],
.Gio .pad-xs-18 [class^="lg-"],
.Gio .pad-xs-18 [class^="xl-"] {
	padding: 9px;
}
.Gio .pad-xs-20,
.Gio .pad-xs-20 [class^="xs-"],
.Gio .pad-xs-20 [class^="sm-"],
.Gio .pad-xs-20 [class^="md-"],
.Gio .pad-xs-20 [class^="lg-"],
.Gio .pad-xs-20 [class^="xl-"] {
	padding: 10px;
}
.Gio .pad-xs-0,
.Gio .pad-xs-0 [class^="xs-"],
.Gio .pad-xs-0 [class^="sm-"],
.Gio .pad-xs-0 [class^="md-"],
.Gio .pad-xs-0 [class^="lg-"],
.Gio .pad-xs-0 [class^="xl-"] {
	padding: 0;
}
@media (min-width: 480px) {
	.Gio .pad-sm-2,
	.Gio .pad-sm-2 [class^="xs-"],
	.Gio .pad-sm-2 [class^="sm-"],
	.Gio .pad-sm-2 [class^="md-"],
	.Gio .pad-sm-2 [class^="lg-"],
	.Gio .pad-sm-2 [class^="xl-"] {
		padding: 1px;
	}
	.Gio .pad-sm-4,
	.Gio .pad-sm-4 [class^="xs-"],
	.Gio .pad-sm-4 [class^="sm-"],
	.Gio .pad-sm-4 [class^="md-"],
	.Gio .pad-sm-4 [class^="lg-"],
	.Gio .pad-sm-4 [class^="xl-"] {
		padding: 2px;
	}
	.Gio .pad-sm-6,
	.Gio .pad-sm-6 [class^="xs-"],
	.Gio .pad-sm-6 [class^="sm-"],
	.Gio .pad-sm-6 [class^="md-"],
	.Gio .pad-sm-6 [class^="lg-"],
	.Gio .pad-sm-6 [class^="xl-"] {
		padding: 3px;
	}
	.Gio .pad-sm-8,
	.Gio .pad-sm-8 [class^="xs-"],
	.Gio .pad-sm-8 [class^="sm-"],
	.Gio .pad-sm-8 [class^="md-"],
	.Gio .pad-sm-8 [class^="lg-"],
	.Gio .pad-sm-8 [class^="xl-"] {
		padding: 4px;
	}
	.Gio .pad-sm-10,
	.Gio .pad-sm-10 [class^="xs-"],
	.Gio .pad-sm-10 [class^="sm-"],
	.Gio .pad-sm-10 [class^="md-"],
	.Gio .pad-sm-10 [class^="lg-"],
	.Gio .pad-sm-10 [class^="xl-"] {
		padding: 5px;
	}
	.Gio .pad-sm-12,
	.Gio .pad-sm-12 [class^="xs-"],
	.Gio .pad-sm-12 [class^="sm-"],
	.Gio .pad-sm-12 [class^="md-"],
	.Gio .pad-sm-12 [class^="lg-"],
	.Gio .pad-sm-12 [class^="xl-"] {
		padding: 6px;
	}
	.Gio .pad-sm-14,
	.Gio .pad-sm-14 [class^="xs-"],
	.Gio .pad-sm-14 [class^="sm-"],
	.Gio .pad-sm-14 [class^="md-"],
	.Gio .pad-sm-14 [class^="lg-"],
	.Gio .pad-sm-14 [class^="xl-"] {
		padding: 7px;
	}
	.Gio .pad-sm-16,
	.Gio .pad-sm-16 [class^="xs-"],
	.Gio .pad-sm-16 [class^="sm-"],
	.Gio .pad-sm-16 [class^="md-"],
	.Gio .pad-sm-16 [class^="lg-"],
	.Gio .pad-sm-16 [class^="xl-"] {
		padding: 8px;
	}
	.Gio .pad-sm-18,
	.Gio .pad-sm-18 [class^="xs-"],
	.Gio .pad-sm-18 [class^="sm-"],
	.Gio .pad-sm-18 [class^="md-"],
	.Gio .pad-sm-18 [class^="lg-"],
	.Gio .pad-sm-18 [class^="xl-"] {
		padding: 9px;
	}
	.Gio .pad-sm-20,
	.Gio .pad-sm-20 [class^="xs-"],
	.Gio .pad-sm-20 [class^="sm-"],
	.Gio .pad-sm-20 [class^="md-"],
	.Gio .pad-sm-20 [class^="lg-"],
	.Gio .pad-sm-20 [class^="xl-"] {
		padding: 10px;
	}
	.Gio .pad-sm-0,
	.Gio .pad-sm-0 [class^="xs-"],
	.Gio .pad-sm-0 [class^="sm-"],
	.Gio .pad-sm-0 [class^="md-"],
	.Gio .pad-sm-0 [class^="lg-"],
	.Gio .pad-sm-0 [class^="xl-"] {
		padding: 0;
	}
}
@media (min-width: 768px) {
	.Gio .pad-md-2,
	.Gio .pad-md-2 [class^="xs-"],
	.Gio .pad-md-2 [class^="sm-"],
	.Gio .pad-md-2 [class^="md-"],
	.Gio .pad-md-2 [class^="lg-"],
	.Gio .pad-md-2 [class^="xl-"] {
		padding: 1px;
	}
	.Gio .pad-md-4,
	.Gio .pad-md-4 [class^="xs-"],
	.Gio .pad-md-4 [class^="sm-"],
	.Gio .pad-md-4 [class^="md-"],
	.Gio .pad-md-4 [class^="lg-"],
	.Gio .pad-md-4 [class^="xl-"] {
		padding: 2px;
	}
	.Gio .pad-md-6,
	.Gio .pad-md-6 [class^="xs-"],
	.Gio .pad-md-6 [class^="sm-"],
	.Gio .pad-md-6 [class^="md-"],
	.Gio .pad-md-6 [class^="lg-"],
	.Gio .pad-md-6 [class^="xl-"] {
		padding: 3px;
	}
	.Gio .pad-md-8,
	.Gio .pad-md-8 [class^="xs-"],
	.Gio .pad-md-8 [class^="sm-"],
	.Gio .pad-md-8 [class^="md-"],
	.Gio .pad-md-8 [class^="lg-"],
	.Gio .pad-md-8 [class^="xl-"] {
		padding: 4px;
	}
	.Gio .pad-md-10,
	.Gio .pad-md-10 [class^="xs-"],
	.Gio .pad-md-10 [class^="sm-"],
	.Gio .pad-md-10 [class^="md-"],
	.Gio .pad-md-10 [class^="lg-"],
	.Gio .pad-md-10 [class^="xl-"] {
		padding: 5px;
	}
	.Gio .pad-md-12,
	.Gio .pad-md-12 [class^="xs-"],
	.Gio .pad-md-12 [class^="sm-"],
	.Gio .pad-md-12 [class^="md-"],
	.Gio .pad-md-12 [class^="lg-"],
	.Gio .pad-md-12 [class^="xl-"] {
		padding: 6px;
	}
	.Gio .pad-md-14,
	.Gio .pad-md-14 [class^="xs-"],
	.Gio .pad-md-14 [class^="sm-"],
	.Gio .pad-md-14 [class^="md-"],
	.Gio .pad-md-14 [class^="lg-"],
	.Gio .pad-md-14 [class^="xl-"] {
		padding: 7px;
	}
	.Gio .pad-md-16,
	.Gio .pad-md-16 [class^="xs-"],
	.Gio .pad-md-16 [class^="sm-"],
	.Gio .pad-md-16 [class^="md-"],
	.Gio .pad-md-16 [class^="lg-"],
	.Gio .pad-md-16 [class^="xl-"] {
		padding: 8px;
	}
	.Gio .pad-md-18,
	.Gio .pad-md-18 [class^="xs-"],
	.Gio .pad-md-18 [class^="sm-"],
	.Gio .pad-md-18 [class^="md-"],
	.Gio .pad-md-18 [class^="lg-"],
	.Gio .pad-md-18 [class^="xl-"] {
		padding: 9px;
	}
	.Gio .pad-md-20,
	.Gio .pad-md-20 [class^="xs-"],
	.Gio .pad-md-20 [class^="sm-"],
	.Gio .pad-md-20 [class^="md-"],
	.Gio .pad-md-20 [class^="lg-"],
	.Gio .pad-md-20 [class^="xl-"] {
		padding: 10px;
	}
	.Gio .pad-md-0,
	.Gio .pad-md-0 [class^="xs-"],
	.Gio .pad-md-0 [class^="sm-"],
	.Gio .pad-md-0 [class^="md-"],
	.Gio .pad-md-0 [class^="lg-"],
	.Gio .pad-md-0 [class^="xl-"] {
		padding: 0;
	}
}
@media (min-width: 992px) {
	.Gio .pad-lg-2,
	.Gio .pad-lg-2 [class^="xs-"],
	.Gio .pad-lg-2 [class^="sm-"],
	.Gio .pad-lg-2 [class^="md-"],
	.Gio .pad-lg-2 [class^="lg-"],
	.Gio .pad-lg-2 [class^="xl-"] {
		padding: 1px;
	}
	.Gio .pad-lg-4,
	.Gio .pad-lg-4 [class^="xs-"],
	.Gio .pad-lg-4 [class^="sm-"],
	.Gio .pad-lg-4 [class^="md-"],
	.Gio .pad-lg-4 [class^="lg-"],
	.Gio .pad-lg-4 [class^="xl-"] {
		padding: 2px;
	}
	.Gio .pad-lg-6,
	.Gio .pad-lg-6 [class^="xs-"],
	.Gio .pad-lg-6 [class^="sm-"],
	.Gio .pad-lg-6 [class^="md-"],
	.Gio .pad-lg-6 [class^="lg-"],
	.Gio .pad-lg-6 [class^="xl-"] {
		padding: 3px;
	}
	.Gio .pad-lg-8,
	.Gio .pad-lg-8 [class^="xs-"],
	.Gio .pad-lg-8 [class^="sm-"],
	.Gio .pad-lg-8 [class^="md-"],
	.Gio .pad-lg-8 [class^="lg-"],
	.Gio .pad-lg-8 [class^="xl-"] {
		padding: 4px;
	}
	.Gio .pad-lg-10,
	.Gio .pad-lg-10 [class^="xs-"],
	.Gio .pad-lg-10 [class^="sm-"],
	.Gio .pad-lg-10 [class^="md-"],
	.Gio .pad-lg-10 [class^="lg-"],
	.Gio .pad-lg-10 [class^="xl-"] {
		padding: 5px;
	}
	.Gio .pad-lg-12,
	.Gio .pad-lg-12 [class^="xs-"],
	.Gio .pad-lg-12 [class^="sm-"],
	.Gio .pad-lg-12 [class^="md-"],
	.Gio .pad-lg-12 [class^="lg-"],
	.Gio .pad-lg-12 [class^="xl-"] {
		padding: 6px;
	}
	.Gio .pad-lg-14,
	.Gio .pad-lg-14 [class^="xs-"],
	.Gio .pad-lg-14 [class^="sm-"],
	.Gio .pad-lg-14 [class^="md-"],
	.Gio .pad-lg-14 [class^="lg-"],
	.Gio .pad-lg-14 [class^="xl-"] {
		padding: 7px;
	}
	.Gio .pad-lg-16,
	.Gio .pad-lg-16 [class^="xs-"],
	.Gio .pad-lg-16 [class^="sm-"],
	.Gio .pad-lg-16 [class^="md-"],
	.Gio .pad-lg-16 [class^="lg-"],
	.Gio .pad-lg-16 [class^="xl-"] {
		padding: 8px;
	}
	.Gio .pad-lg-18,
	.Gio .pad-lg-18 [class^="xs-"],
	.Gio .pad-lg-18 [class^="sm-"],
	.Gio .pad-lg-18 [class^="md-"],
	.Gio .pad-lg-18 [class^="lg-"],
	.Gio .pad-lg-18 [class^="xl-"] {
		padding: 9px;
	}
	.Gio .pad-lg-20,
	.Gio .pad-lg-20 [class^="xs-"],
	.Gio .pad-lg-20 [class^="sm-"],
	.Gio .pad-lg-20 [class^="md-"],
	.Gio .pad-lg-20 [class^="lg-"],
	.Gio .pad-lg-20 [class^="xl-"] {
		padding: 10px;
	}
	.Gio .pad-lg-0,
	.Gio .pad-lg-0 [class^="xs-"],
	.Gio .pad-lg-0 [class^="sm-"],
	.Gio .pad-lg-0 [class^="md-"],
	.Gio .pad-lg-0 [class^="lg-"],
	.Gio .pad-lg-0 [class^="xl-"] {
		padding: 0;
	}
}
@media (min-width: 1200px) {
	.Gio .pad-xl-2,
	.Gio .pad-xl-2 [class^="xs-"],
	.Gio .pad-xl-2 [class^="sm-"],
	.Gio .pad-xl-2 [class^="md-"],
	.Gio .pad-xl-2 [class^="lg-"],
	.Gio .pad-xl-2 [class^="xl-"] {
		padding: 1px;
	}
	.Gio .pad-xl-4,
	.Gio .pad-xl-4 [class^="xs-"],
	.Gio .pad-xl-4 [class^="sm-"],
	.Gio .pad-xl-4 [class^="md-"],
	.Gio .pad-xl-4 [class^="lg-"],
	.Gio .pad-xl-4 [class^="xl-"] {
		padding: 2px;
	}
	.Gio .pad-xl-6,
	.Gio .pad-xl-6 [class^="xs-"],
	.Gio .pad-xl-6 [class^="sm-"],
	.Gio .pad-xl-6 [class^="md-"],
	.Gio .pad-xl-6 [class^="lg-"],
	.Gio .pad-xl-6 [class^="xl-"] {
		padding: 3px;
	}
	.Gio .pad-xl-8,
	.Gio .pad-xl-8 [class^="xs-"],
	.Gio .pad-xl-8 [class^="sm-"],
	.Gio .pad-xl-8 [class^="md-"],
	.Gio .pad-xl-8 [class^="lg-"],
	.Gio .pad-xl-8 [class^="xl-"] {
		padding: 4px;
	}
	.Gio .pad-xl-10,
	.Gio .pad-xl-10 [class^="xs-"],
	.Gio .pad-xl-10 [class^="sm-"],
	.Gio .pad-xl-10 [class^="md-"],
	.Gio .pad-xl-10 [class^="lg-"],
	.Gio .pad-xl-10 [class^="xl-"] {
		padding: 5px;
	}
	.Gio .pad-xl-12,
	.Gio .pad-xl-12 [class^="xs-"],
	.Gio .pad-xl-12 [class^="sm-"],
	.Gio .pad-xl-12 [class^="md-"],
	.Gio .pad-xl-12 [class^="lg-"],
	.Gio .pad-xl-12 [class^="xl-"] {
		padding: 6px;
	}
	.Gio .pad-xl-14,
	.Gio .pad-xl-14 [class^="xs-"],
	.Gio .pad-xl-14 [class^="sm-"],
	.Gio .pad-xl-14 [class^="md-"],
	.Gio .pad-xl-14 [class^="lg-"],
	.Gio .pad-xl-14 [class^="xl-"] {
		padding: 7px;
	}
	.Gio .pad-xl-16,
	.Gio .pad-xl-16 [class^="xs-"],
	.Gio .pad-xl-16 [class^="sm-"],
	.Gio .pad-xl-16 [class^="md-"],
	.Gio .pad-xl-16 [class^="lg-"],
	.Gio .pad-xl-16 [class^="xl-"] {
		padding: 8px;
	}
	.Gio .pad-xl-18,
	.Gio .pad-xl-18 [class^="xs-"],
	.Gio .pad-xl-18 [class^="sm-"],
	.Gio .pad-xl-18 [class^="md-"],
	.Gio .pad-xl-18 [class^="lg-"],
	.Gio .pad-xl-18 [class^="xl-"] {
		padding: 9px;
	}
	.Gio .pad-xl-20,
	.Gio .pad-xl-20 [class^="xs-"],
	.Gio .pad-xl-20 [class^="sm-"],
	.Gio .pad-xl-20 [class^="md-"],
	.Gio .pad-xl-20 [class^="lg-"],
	.Gio .pad-xl-20 [class^="xl-"] {
		padding: 10px;
	}
	.Gio .pad-xl-0,
	.Gio .pad-xl-0 [class^="xs-"],
	.Gio .pad-xl-0 [class^="sm-"],
	.Gio .pad-xl-0 [class^="md-"],
	.Gio .pad-xl-0 [class^="lg-"],
	.Gio .pad-xl-0 [class^="xl-"] {
		padding: 0;
	}
}


/*
 * @section display classes
 * @info
 */

.Gio .hide-xs {
	display: none;
}
.Gio .show-xs-inline 				{display: inline;}
.Gio .show-xs-block					{display: block;}
.Gio .show-xs-flex 					{display: -webkit-flex; display: flex;}
.Gio .show-xs-inline-block			{display: inline-block;}
.Gio .show-xs-inline-flex			{display: -webkit-inline-flex; display: inline-flex;}
.Gio .show-xs-inline-table			{display: inline-table;}
.Gio .show-xs-list-item 			{display: list-item;}
.Gio .show-xs-run-in 				{display: run-in;}
.Gio .show-xs-table 				{display: table;}
.Gio .show-xs-table-caption 		{display: table-caption;}
.Gio .show-xs-table-column-group 	{display: table-column-group;}
.Gio .show-xs-table-header-group 	{display: table-header-group;}
.Gio .show-xs-table-footer-group 	{display: table-footer-group;}
.Gio .show-xs-table-row-group 		{display: table-row-group;}
.Gio .show-xs-table-cell 			{display: table-cell;}
.Gio .show-xs-table-column 			{display: table-column;}
.Gio .show-xs-table-row 			{display: table-row;}
.Gio .show-xs-initial 				{display: initial;}
.Gio .show-xs-inherit 				{display: inherit;}
@media (min-width: 480px) {
	.Gio .hide-sm {
		display: none;
	}
	.Gio .show-sm-inline 				{display: inline;}
	.Gio .show-sm-block					{display: block;}
	.Gio .show-sm-flex 					{display: -webkit-flex; display: flex;}
	.Gio .show-sm-inline-block			{display: inline-block;}
	.Gio .show-sm-inline-flex			{display: -webkit-inline-flex; display: inline-flex;}
	.Gio .show-sm-inline-table			{display: inline-table;}
	.Gio .show-sm-list-item 			{display: list-item;}
	.Gio .show-sm-run-in 				{display: run-in;}
	.Gio .show-sm-table 				{display: table;}
	.Gio .show-sm-table-caption 		{display: table-caption;}
	.Gio .show-sm-table-column-group 	{display: table-column-group;}
	.Gio .show-sm-table-header-group 	{display: table-header-group;}
	.Gio .show-sm-table-footer-group 	{display: table-footer-group;}
	.Gio .show-sm-table-row-group 		{display: table-row-group;}
	.Gio .show-sm-table-cell 			{display: table-cell;}
	.Gio .show-sm-table-column 			{display: table-column;}
	.Gio .show-sm-table-row 			{display: table-row;}
	.Gio .show-sm-initial 				{display: initial;}
	.Gio .show-sm-inherit 				{display: inherit;}
}
@media (min-width: 768px) {
	.Gio .hide-md {
		display: none;
	}
	.Gio .show-md-inline 				{display: inline;}
	.Gio .show-md-block					{display: block;}
	.Gio .show-md-flex 					{display: -webkit-flex; display: flex;}
	.Gio .show-md-inline-block			{display: inline-block;}
	.Gio .show-md-inline-flex			{display: -webkit-inline-flex; display: inline-flex;}
	.Gio .show-md-inline-table			{display: inline-table;}
	.Gio .show-md-list-item 			{display: list-item;}
	.Gio .show-md-run-in 				{display: run-in;}
	.Gio .show-md-table 				{display: table;}
	.Gio .show-md-table-caption 		{display: table-caption;}
	.Gio .show-md-table-column-group 	{display: table-column-group;}
	.Gio .show-md-table-header-group 	{display: table-header-group;}
	.Gio .show-md-table-footer-group 	{display: table-footer-group;}
	.Gio .show-md-table-row-group 		{display: table-row-group;}
	.Gio .show-md-table-cell 			{display: table-cell;}
	.Gio .show-md-table-column 			{display: table-column;}
	.Gio .show-md-table-row 			{display: table-row;}
	.Gio .show-md-initial 				{display: initial;}
	.Gio .show-md-inherit 				{display: inherit;}
}
@media (min-width: 992px) {
	.Gio .hide-lg {
		display: none;
	}
	.Gio .show-lg-inline 				{display: inline;}
	.Gio .show-lg-block					{display: block;}
	.Gio .show-lg-flex 					{display: -webkit-flex; display: flex;}
	.Gio .show-lg-inline-block			{display: inline-block;}
	.Gio .show-lg-inline-flex			{display: -webkit-inline-flex; display: inline-flex;}
	.Gio .show-lg-inline-table			{display: inline-table;}
	.Gio .show-lg-list-item 			{display: list-item;}
	.Gio .show-lg-run-in 				{display: run-in;}
	.Gio .show-lg-table 				{display: table;}
	.Gio .show-lg-table-caption 		{display: table-caption;}
	.Gio .show-lg-table-column-group 	{display: table-column-group;}
	.Gio .show-lg-table-header-group 	{display: table-header-group;}
	.Gio .show-lg-table-footer-group 	{display: table-footer-group;}
	.Gio .show-lg-table-row-group 		{display: table-row-group;}
	.Gio .show-lg-table-cell 			{display: table-cell;}
	.Gio .show-lg-table-column 			{display: table-column;}
	.Gio .show-lg-table-row 			{display: table-row;}
	.Gio .show-lg-initial 				{display: initial;}
	.Gio .show-lg-inherit 				{display: inherit;}
}
@media (min-width: 1200px) {
	.Gio .hide-xl {
		display: none;
	}
	.Gio .show-xl-inline 				{display: inline;}
	.Gio .show-xl-block					{display: block;}
	.Gio .show-xl-flex 					{display: -webkit-flex; display: flex;}
	.Gio .show-xl-inline-block			{display: inline-block;}
	.Gio .show-xl-inline-flex			{display: -webkit-inline-flex; display: inline-flex;}
	.Gio .show-xl-inline-table			{display: inline-table;}
	.Gio .show-xl-list-item 			{display: list-item;}
	.Gio .show-xl-run-in 				{display: run-in;}
	.Gio .show-xl-table 				{display: table;}
	.Gio .show-xl-table-caption 		{display: table-caption;}
	.Gio .show-xl-table-column-group 	{display: table-column-group;}
	.Gio .show-xl-table-header-group 	{display: table-header-group;}
	.Gio .show-xl-table-footer-group 	{display: table-footer-group;}
	.Gio .show-xl-table-row-group 		{display: table-row-group;}
	.Gio .show-xl-table-cell 			{display: table-cell;}
	.Gio .show-xl-table-column 			{display: table-column;}
	.Gio .show-xl-table-row 			{display: table-row;}
	.Gio .show-xl-initial 				{display: initial;}
	.Gio .show-xl-inherit 				{display: inherit;}
}


/*
 * @section text scaling classes
 * @info
 */

.Gio .scale-up-subtle 	{font-size: 100%;}
.Gio .scale-up 			{font-size: 100%;}
.Gio .scale-up-drastic 	{font-size: 100%;}
@media (min-width: 400px) {
	.Gio .scale-up-subtle 	{font-size: 106.25%;}
	.Gio .scale-up 			{font-size: 118.75%;}
	.Gio .scale-up-drastic 	{font-size: 137.5%;}
}
@media (min-width: 480px) {
	.Gio .scale-up-subtle 	{font-size: 112.5%;}
	.Gio .scale-up 			{font-size: 137.5%;}
	.Gio .scale-up-drastic 	{font-size: 175%;}
}
@media (min-width: 552px) {
	.Gio .scale-up-subtle 	{font-size: 118.75%;}
	.Gio .scale-up 			{font-size: 156.25%;}
	.Gio .scale-up-drastic 	{font-size: 212.5%;}
}
@media (min-width: 768px) {
	.Gio .scale-up-subtle 	{font-size: 125%;}
	.Gio .scale-up 			{font-size: 175%;}
	.Gio .scale-up-drastic 	{font-size: 250%;}
}
@media (min-width: 880px) {
	.Gio .scale-up-subtle 	{font-size: 131.25%;}
	.Gio .scale-up 			{font-size: 193.75%;}
	.Gio .scale-up-drastic 	{font-size: 287.5%;}
}
@media (min-width: 992px) {
	.Gio .scale-up-subtle 	{font-size: 137.5%;}
	.Gio .scale-up 			{font-size: 212.5%;}
	.Gio .scale-up-drastic 	{font-size: 325%;}
}
@media (min-width: 1096px) {
	.Gio .scale-up-subtle 	{font-size: 143.75%;}
	.Gio .scale-up 			{font-size: 231.25%;}
	.Gio .scale-up-drastic 	{font-size: 362.5%;}
}
@media (min-width: 1200px) {
	.Gio .scale-up-subtle 	{font-size: 150%;}
	.Gio .scale-up 			{font-size: 250%;}
	.Gio .scale-up-drastic 	{font-size: 400%;}
}


/*
 * @section text align classes
 * @info
 */

.Gio .text-center,
.Gio .text-xs-center {
	text-align: center;
}
.Gio .text-left,
.Gio .text-xs-left {
	text-align: left;
}
.Gio .text-right,
.Gio .text-xs-right {
	text-align: right;
}
@media (min-width: 480px) {
	.Gio .text-sm-center {
		text-align: center;
	}
	.Gio .text-sm-left {
		text-align: left;
	}
	.Gio .text-sm-right {
		text-align: right;
	}
}
@media (min-width: 768px) {
	.Gio .text-md-center {
		text-align: center;
	}
	.Gio .text-md-left {
		text-align: left;
	}
	.Gio .text-md-right {
		text-align: right;
	}
}
@media (min-width: 992px) {
	.Gio .text-lg-center {
		text-align: center;
	}
	.Gio .text-lg-left {
		text-align: left;
	}
	.Gio .text-lg-right {
		text-align: right;
	}
}
@media (min-width: 1200px) {
	.Gio .text-xl-center {
		text-align: center;
	}
	.Gio .text-xl-left {
		text-align: left;
	}
	.Gio .text-xl-right {
		text-align: right;
	}
}


/*
 * @section other text classes
 * @info
 */

.Gio .break-word {
	word-wrap: break-word;
}


/*
 * @end
 * @info End of Giovanna.css
 */