.flexbox {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */	
	display: flex;
}

.flexrow {	
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row; 
	flex-direction: row;
}

.flexcolumn {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column; 
	flex-direction: column;
}

@media screen and (max-width: 768px) {
	.makeitcolumnWhen768.flexrow {
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column; 
		flex-direction: column;
	}
}

.flexwrap {	
  	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.flexnowrap {
	-webkit-flex-wrap: nowrap;
  	flex-wrap: nowrap;
}

.flexspace-around {
	-webkit-box-pack: justify;
	  -moz-box-pack: justify;
	  -ms-flex-pack: justify;
	
	justify-content: space-around; 
	-webkit-justify-content: space-around;
}

.db {
	border: 1px solid red;
}

.linked:hover, #topbutton:hover {
	cursor: pointer;
} 

.flexspace-between {
	-webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
	justify-content: space-between; 
	-webkit-justify-content: space-between;
}

.flexspace-center {
	-webkit-box-pack: center;
	
    -moz-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center; 
	-webkit-justify-content: center;
}

.flexspace-end {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.align-items-center {
	-webkit-box-align: center;
	-ms-box-align: center;
	-webkit-align-items: center;
	webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;	
}

.align-items-end {
	-ms-box-align: flex-end;
	webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.align-items-start {
	-ms-box-align: flex-start;
	webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.align-content-stretch {
	align-content: stretch;
}

.align-content-center {
	align-content: center;
}



.align-items-stretch {
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-box-align: stretch;
	webkit-align-items: stretch;
	-moz-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;	
}

.flexgrow {
	-webkit-flex: 1 100%;
	-moz-flex: 1 100%;
	-ms-flex: 1 100%;	
	flex: 1 100%;
}

.flexnogrow { 
	-webkit-flex: 0 100%;
	-moz-flex: 0 100%;
	-ms-flex: 0 100%;	
	flex: 0 100%;
}