@font-face {
  font-weight: 400;
  /*font-family: "Montserrat";*/
  font-family: "Arial", sans-serif;
  font-style: normal;
  src: url("fonts/Montserrat-Regular.woff") format("woff");
}

@font-face {
  font-weight: 700;
  font-family: "Montserrat";
  font-style: normal;
  src: url("fonts/Montserrat-Bold.woff") format("woff");
}

body
{
  /*background-image: url("img/background3.jpg"); */
  background : #ffffff url("img/background3.jpg") repeat-x bottom center;
  background-color: #EBEBEB;
}

html,
body {
  margin: 0;
  /*font-family: "Montserrat", "Arial", sans-serif;*/
  font-size: 14px;
  line-height: 20px;
  width: 960px; margin:0 auto; 
  /*font-family: "Montserrat";*/
  font-family: "Arial", sans-serif;
}

body {
  min-width: 430px;
  border: 2px dashed #c7e4ff;
}

div
{
	/*background-color: #4470c4;*/
	/*color: #4470c4;*/	
}

html::before,
body::before,
header::before,
footer::before,
main::before {
  color: #7fc1ff;
}

main,
header,
footer {
  background-color: #f3faff;
  border: 2px solid #7fc1ff;
}

nav,
section,
article,
aside {
  background-color: #f9f7ff;
  border: 2px solid #9779ec;
}

nav::before,
section::before,
article::before,
aside::before {
  color: #9779ec;
}

section
{
}

.full-parent
{
	width: 80%;
	vertical-align: middle;
}

h1 {
  font-size: 18px;
  background-color: #ffffff;
  border: 2px solid #ff994f;
}

p {
  background-color: #ffffff;
  border: 2px solid #f36dff;
}

.label
{
	height: 60px;	
	vertical-align: middle;
	text-align: center;
}

* {
  position: relative; /* ///////// */
  padding: 12px;/*25px 25px 20px;*/
  margin: 0;
  border-radius: 4px;
}

*:not(:last-child) {
  /* margin-bottom: 20px; //////*/
}

*::before {
  position: absolute; /*////////////*/
  top: 8px;
  left: 10px;
  font-weight: 700;
  font-size: 11px;
  line-height: 10px;
  letter-spacing: 0.04em;
}

.small-div
{
	/*width: 960px; margin:0 auto; */
	 /* width: 30%; ////////////*/
	font-size: 15px;
	text-align: center;
}

.blue-div
{
	background-color: #4470c4;
}

.round-img
{
	border-radius : 50%;
}

.halfround-img
{
	border-radius : 25%;
}

.three_blocks {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;		
	
	/*	
	white-space: nowrap;
    position: relative;
    width: 100%;
    display: block; !!!!!!!! совсем не то, что нужно!
    margin: 0 auto;
    padding: 0;
    text-align: center;	
	*/
}

.game_block {
	/*
	background: orange;
	padding: 10px;
	margin-right: 5px;
	*/
  	width: calc(33% - 24px);	
	
	/* padding: 20px 10px;*/
	/*
	margin: 10px;
	width: calc(33% - 24px);
	display: inline-block;
	*/
}