.vertical-center {
	margin-top: 40vh;
}

.vertical-top {
	margin-top: 5vh;
}

.vertical-center-top {
	margin-top: 30vh;
}

.button-group {
	margin-top: 20px;
}

.link-group {
	margin-top: 20px;
}

.img-standart {
	width: 20%;
}

.img-medium {
	width: 90%;
}

.progress-block {
  display: inline-block;
}

.progress-gray {
	color: #ffffff;
	background-color: #ccc;
	border-radius: 50%;
	height: 20px;
    width: 20px;
	text-align: center;
	margin: 0 2px;
}

.progress-green {
	color: #ffffff;
	background-color: #5cb85c;
	border-radius: 50%;
	height: 20px;
    width: 20px;
	text-align: center;
	margin: 0 2px;
}

.padding-bottom {
	padding-bottom: 20px;
}

a.tip,
a.tip:focus,
a.tip:hover {
	text-decoration: none;
	border-bottom: 1px dotted;
}

.gray {
	color: gray;
}

.tip-container {
	padding-bottom: 50px;
	margin-top: 20px;
}

.type-radio {
	padding-left: 25%;
}

.type-radio-short {
	padding-left: 39%;
}

@media (max-width: 776px) {
  .vertical-center {
	margin-top: 30vh;
  }
  .vertical-center-top {
	margin-top: 15vh;
  }

  h1, h2, h3, p {
	  padding: 0 20px;
  }
  
  .button-group {
	padding-bottom: 20px;
  }
}