:root {
  --white: #FFFFFF;
  --white-transparent: #FFFFFF3B;
  --black: #000000;
  --black-transparent: #0000003B;
  --grey: #FAFAFA;
  --grey-transparent: #FAFAFACC;

  --color-bg: #F1F1F1;
}

* {
	margin: 0;
	padding: 0;
  font-family: Verdana, sans-serif;
  font-weight: 300;
	letter-spacing: 0.02rem;

	-webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body {
	background-color: var(--white);
}

ul {
  list-style: none;
}

a {
  outline: none;
	text-decoration: none;
	transition: all 0.3s;
}

.page {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--white);
}


/* screens: large */
@media only screen and (min-width: 960px) {
}


/* screens: medium */
@media only screen and (max-width: 959px) {
}


/* screens: small */
@media only screen and (max-width: 480px) {
}