ng-md-icon{
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
}

ng-md-icon[size="48"]{
	width: 48px;
	height: 48px;
}

ng-md-icon[size="36"]{
	width: 36px;
	height: 36px;
}

ng-md-icon[size="40"]{
	width: 40px;
	height: 40px;
}

ng-md-icon svg{
	display: block;
}

md-toolbar ng-md-icon{
	fill: rgba(255, 255, 255, 0.87);
}

.btn-add{
	position:fixed;
	bottom: 32px;
	right:32px;
}

.box{
	position: relative;
	width: 100%;		/* desired width */
}
.box:before{
	content: "";
	display: block;
	padding-top: 56.25%; 	/* initial ratio of 1:1*/
}

.content{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url('../res/bg.jpg') no-repeat center center fixed; 
	background-size: cover;
}

.content>*{
	position:absolute !important;
	bottom: 0;
	right: 0;
	left:0;
	background: rgba(0, 0, 0, 0.2);
	color: #FFF;
	fill: #FFF;
}

.md-toolbar-block{
	height:64px;
}