/* ----------------------------------------------------
	Fokuspunkt
   ----------------------------------------------------*/

/* Small */
@media screen and (max-width:790px) {
	.gs-100 {
		width: 100%;	
	}
	.gs-95 {
		width: 95%;	
		margin-bottom: 5px;
	}
}

/* Medium */
@media screen and (min-width:791px) and (max-width:1020px) {
	.gm-5 {
		width:5%;	
	}
	.gm-10 {
		width:10%;	
	}
	.gm-15 {
		width:15%;	
	}
	.gm-20 {
		width:20%;	
	}
	.gm-25 {
		width:25%;	
	}
	.gm-30 {
		width:30%;	
	}
	.gm-35 {
		width:35%;	
	}
	.gm-40 {
		width:40%;	
	}
	.gm-45 {
		width:45%;	
	}
	.gm-50 {
		width:50%;	
	}
	.gm-55 {
		width:55%;	
	}
	.gm-60 {
		width:60%;	
	}
	.gm-65 {
		width:65%;	
	}
	.gm-70 {
		width:70%;	
	}
	.gm-75 {
		width:75%;	
	}
	.gm-80 {
		width:80%;	
	}
	.gm-85 {
		width:85%;	
	}
	.gm-90 {
		width:90%;	
	}
	.gm-95 {
		width:95%;	
	}
	.gm-100 {
		width:100%;	
	}
	.gmo-5 {
		margin-left:5%;	
	}
}


/* Large */
@media screen and (min-width:1020px) {
	.gl-5 {
		width:5%;	
	}
	.gl-10 {
		width:10%;	
	}
	.gl-15 {
		width:15%;	
	}
	.gl-20 {
		width:20%;	
	}
	.gl-25 {
		width:25%;	
	}
	.gl-30 {
		width:30%;	
	}
	.gl-33 {
		width:33%;	
	}
	.gl-35 {
		width:35%;	
	}
	.gl-40 {
		width:40%;	
	}
	.gl-45 {
		width:45%;	
	}
	.gl-50 {
		width:50%;	
	}
	.gl-55 {
		width:55%;	
	}
	.gl-60 {
		width:60%;	
	}
	.gl-65 {
		width:65%;	
	}
	.gl-70 {
		width:70%;	
	}
	.gl-75 {
		width:75%;	
	}
	.gl-80 {
		width:80%;	
	}
	.gl-85 {
		width:85%;	
	}
	.gl-90 {
		width:90%;	
	}
	.gl-95 {
		width:95%;	
	}
	.gl-100 {
		width:100%;	
	}
	.glo-2 {
		margin-left:2%;	
	}
	.glo-5 {
		margin-left:5%;	
	}
	.glo-7 {
		margin-left:7%;	
	}
}