/* Base styles - html, body, container, global styles
-------------------------------------------------- */
:focus {outline:none;}
::-moz-focus-inner {border:0;}

html, body{
	margin: 0 auto;
	background-color: #ffffff;
	color: #000000;
	width: 100%;
	height: 100%;
}
body{
	display: flex;
    flex-direction: column;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
}
.desktop{

}
.tablet{

}
.mobile{
	
}
.pages{
	width: 100%;
	max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
main{
	flex: 1 0 auto;
	padding-bottom: 100px;
}
footer{
	flex-shrink: 0;
}
input{
	font-size: 16px;
}
.not-selectable{
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
/* disable transitions during page resizes - add/remove class in resize handler
-------------------------------------------------- */

/*
.notransition {
	.transition (none) !important;
}
*/

/* Responsive
-------------------------------------------------- */

/* Tablet: >= 480px
------------------------- */
@media (min-width: 480px) {
	
}

/* Desktop (small): >= 768px
------------------------- */
@media (min-width: 768px) {

}

/* Desktop (medium): >= 992px 
------------------------- */
@media (min-width: 992px) {

}

/* Desktop (large): >= 1200px
------------------------- */
@media (min-width: 1200px) {
	
}