@charset "utf-8";

*, ::before, ::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #282b2f;
	text-align: center;
	margin-top: 30px;
}

h1 {
	font-size: 1.2em;
	margin: 0;
  	color: #3dafc8;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 15px;
}

h3 {
  clear: both;
  margin-top: 50px;
}

#info li {
	display: inline;	
	list-style-type: none;
  	text-decoration: none;
  	padding-right: 10px;
}

#info li img {
	margin-bottom: 6px;
  	padding-right: 3px;
	cursor: pointer;
  	vertical-align: middle;
}

.content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
/*  max-width: 1600px;*/
/*  width: 80%;*/
}

.element {
  width: 500px;
  height: 304px;
  margin: 10px;
  }

video, .element img {
	width: 100%;
	height: auto;
}

@media all and (max-device-width: 1559px) and (min-device-width: 1041px) {
  .element {
    width: 48%;
    height: auto;
  }
}

@media all and (max-device-width: 1040px) {
  .element {
    width: 100%;
    height: auto;
  }
}

@media all and (max-device-width: 500px) {
  #info li {
	display: block;
  }
}





a:link {
	color: #fff;
}

a:visited {
	color: #3daec7;
}

a:hover {
	color: #c25138;
}

a:active {
	color: #fff;
}