body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.colorblock {
	border: 1px solid #AAAAAA;
}

.instr{
	width: 100%;
}

.frontpage{
	background-image:url('../img/background-main.png')
}

.row{
	padding-bottom: 1%
}
@media (min-width:992px)
{
.mainCanvas{
	max-height:480px;
	vertical-align:middle;
}

.thumb{
	max-height: 160px;
	vertical-align:middle;
}
}

@media (max-width:991px)
{
.mainCanvas{
	max-height:360px;
	vertical-align:middle;
}

.thumb{
	max-height: 120px;
	vertical-align:middle;
}

}

@media (max-width:768px)
{
.mainCanvas{
	max-height:256px;
	vertical-align:middle;
}

.thumb{
	max-height: 80px;
	vertical-align:middle;
}

}

@media (max-width:576px)
{
.mainCanvas{
	max-height:196px;
	max-width:100%;
}

.thumb{
	max-height: 60px;
	vertical-align:middle;
}

}