@media screen 	and (max-width: 640px) {

h2{
	font-size:3em;
}


.small-menu {
	position: absolute;
	width: 120px;
	top:0;
	left:0;
}

.small-main {
	position: relative;
	margin-left: 120px;
}

.sleft {
	float: left !important;
}

.sright {
	float: right !important;
}

.spushoff-top{
	margin:20px 0 0 0;
}


.screatespace{ 
	display: table;
	margin: 60px 0; 
	width: 100%;
	clear:both;
}

.screatespaceclear {
	display: block;
	margin: 12px;
	clear: both;
	width: 100%;
	height: 1px;
}

.sclear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
}


.sgrids li:nth-child(3n+1){
	clear:both; 
}

.paddme {
	padding:0 25px;
}

/*###############################################################################*/

 
.small-1 {
	position: relative;
	width: 8.33333%;
}

.small-2 {
	position: relative;
	width: 16.66667%;
}

.small-3 {
	position: relative;
	width: 25%;
}

.small-4 {
	position: relative;
	width: 33.33333%;
}

.small-5 {
	position: relative;
	width: 41.66667%;
}

.small-6 {
	position: relative;
	width: 50%;

}

.small-7 {
	position: relative;
	width: 58.33333%;
}

.small-8 {
	position: relative;
	width: 66.66667%;
}

.small-9 {
	position: relative;
	width: 75%;
}

.small-10 {
	position: relative;
	width: 83.33333%;
}

.small-11 {
	position: relative;
	width: 91.66667%;
}

.small-12 {
	position: relative;
	width: 100%;
}

.small-offset-0 {
	position: relative;
	margin-left: 0%;
}

.small-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}

.small-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}

.small-offset-3 {
	position: relative;
	margin-left: 25%;
}

.small-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}

.small-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}

.small-offset-6 {
	position: relative;
	margin-left: 50%;
}

.small-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}

.small-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}

.small-offset-9 {
	position: relative;
	margin-left: 75%;
}

.small-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}
 [class*="column"] + [class*="column"]:last-child {
 float: right;
}
 [class*="column"] + [class*="column"].end {
 float: left;
}

.column.small-centered,  .columns.small-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

.shide{
	display:none;
}

.scolumn, .scolumns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left;

}

}