main {
    background: url(images/back.jpg) no-repeat center top fixed;
    background-size: cover;
}

.mdl-grid {
    max-width: 1200px;
	min-width: 305px;
}

.mdl-button {
	text-transform: none
}

.mdl-card__media>img {
    max-width: 100%;
}

.mdl-card__actions {
	line-height: 40px;
}

.header-cell {
	min-height: auto;
}

.header-cell .mdl-card__title {
	background-color: #bb1111;
	color: white;
}

.header-cell div.portraits {
    position: relative;
	height: 0px;
	overflow: visible;
}

.header-cell div.portraits {
    bottom: 140px;
	right: 30px;
	white-space: nowrap;
}

.is-small-screen .header-cell div.portraits {
    bottom: 55px;
	right: 5px;
	white-space: nowrap;
}

.is-small-screen .header-cell img.portrait {
    width: 80px
}

.header-cell div.portraits #portrait1 {
    padding-right: 40px
}

.is-small-screen .header-cell div.portraits #portrait1 {
    padding-right: 0px
}


.header-cell .mdl-card__supporting-text {
	text-align: center
}