/*

-----> Cosmos Framework

Author: Gianluca Zortéa Campanelli
Instagram: @gianzortea / @estudiocosmos.uno
Site: www.estudiocosmos.uno

*/

* {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	box-sizing: border-box;
}

.container {
	display: block;
	margin: 0 auto;
}

.containerFull {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.col {
	/*display: inline-flex;*/
	/*margin-bottom: 20px;*/
}

nav {
	width: 100%;
	display: flex;
	padding: 10px 0;
}

nav, nav ul {
	/*display: inline-flex;*/
}

.md1 {flex-basis: 8.33%;}

.md2 {flex-basis: 16.66%;}

.md3 {flex-basis: 25%;}

.md4 {flex-basis: 33.33%;}

.md5 {flex-basis: 41.6%;}

.md6 {flex-basis: 50%;}

.md7 {flex-basis: 58.3%;}

.md8 {flex-basis: 66.66%;}

.md9 {flex-basis: 75%;}

.md10 {flex-basis: 83.33%;}

.md11 {flex-basis: 91.6%;}

.md12 {flex-basis: 100%;}

@media only screen and (min-width : 1199px) {
	.container {width: 1140px;}
}

@media only screen and (max-width : 1199px) { /*md*/
	.container {width: 90%;}

	.hiddenMd {display: none;}

	.showMd {display: inline-block !important;}
}

@media only screen and (max-width : 991px) { /*sm*/
	.container {width: 100%; padding: 0 40px;}

	.hiddenSm {display: none !important;}

	.showSm {display: inline-block !important;}

	.sm1 {flex-basis: 8.33% !important;}

	.sm2 {flex-basis: 16.66% !important;}

	.sm3 {flex-basis: 25% !important;}

	.sm4 {flex-basis: 33.33% !important;}

	.sm5 {flex-basis: 41.6% !important;}

	.sm6 {flex-basis: 50% !important;}

	.sm7 {flex-basis: 58.3% !important;}

	.sm8 {flex-basis: 66.66% !important;}

	.sm9 {flex-basis: 75% !important;}

	.sm10 {flex-basis: 83.33% !important;}

	.sm11 {flex-basis: 91.6% !important;}

	.sm12 {flex-basis: 100% !important;}
}

@media only screen and (max-width : 767px) { /*xs*/
	.hiddenXs {display: none !important;}

	.showXs {display: inline-block !important;}

	.xs1 {flex-basis: 8.33% !important;}

	.xs2 {flex-basis: 16.66% !important;}

	.xs3 {flex-basis: 25% !important;}

	.xs4 {flex-basis: 33.33% !important;}

	.xs5 {flex-basis: 41.6% !important;}

	.xs6 {flex-basis: 50% !important;}

	.xs7 {flex-basis: 58.3% !important;}

	.xs8 {flex-basis: 66.66% !important;}

	.xs9 {flex-basis: 75% !important;}

	.xs10 {flex-basis: 83.33% !important;}

	.xs11 {flex-basis: 91.6% !important;}

	.xs12 {flex-basis: 100% !important;}
}

@media only screen and (max-width : 574px) {
	.hiddenXxs {display: none !important;}

	.showXxs {display: inline-block !important;}

	.xxs1 {flex-basis: 8.33% !important;}

	.xxs2 {flex-basis: 16.66% !important;}

	.xxs3 {flex-basis: 25% !important;}

	.xxs4 {flex-basis: 33.33% !important;}

	.xxs5 {flex-basis: 41.6% !important;}

	.xxs6 {flex-basis: 50% !important;}

	.xxs7 {flex-basis: 58.3% !important;}

	.xxs8 {flex-basis: 66.66% !important;}

	.xxs9 {flex-basis: 75% !important;}

	.xxs10 {flex-basis: 83.33% !important;}

	.xxs11 {flex-basis: 91.6% !important;}

	.xxs12 {flex-basis: 100% !important;}
}