html,body{
	height:100%;
	width:100%;
	background:#f7f8fa;
	padding:0;
	margin:0;
	overflow:hidden;
}
#header{
	color:#706761;
	text-align:center;
	width:100%;
	background:#faf9f3;
	border-bottom: 1px solid #afafaf;
	user-select: none;
	padding:20px 0 20px 0;
	font-family: 'Lato', sans-serif;
	letter-spacing: 2px;
	font-size:20px;
}

#header h1{
	font-family: 'EB Garamond', serif;
	color:#706761;
	font-size:28px;
	font-weight:400;
	letter-spacing:4px;
	margin:0;
	padding:0 0 10px 0;
}

#sign-in{
	width:200px;
	margin:auto;
	margin-top:calc(25%);
	padding:10px 50px 40px 50px;
	border:solid 1px #706761;
	text-align:center;
}

#sign-in h1{
	font-family: 'Lato', sans-serif;
	font-weight:300;
}

#sign-in input[type=text], #sign-in input[type=password]{
	border:solid 1px #cdcbcb;
	outline:none;
	background:#efefef;
	padding:5px;
	width:200px;
}

input[type=submit].sign-in{
	border:solid 1px #999;
	outline:none;
	background:#efefef;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	padding:5px 10px;
	color:#999;
}
input[type=submit].sign-in:hover{
	border:solid 1px #000;
	color:#000;
}
.alert{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	color:#ff6666;
}
#activity-feed{
	width:100%;
	height:60%;
	padding:10px;
	box-sizing: border-box;
	border-bottom:solid 1px;
	overflow-y:scroll
}
.feed-item{
	background:#fff;
	position:relative;
	border-radius:6px;
	box-shadow: 1px 1px 4px #dbdbdb;
	font-family: 'Palanquin', sans-serif;
	font-size:14px;
	line-height:16px;
	color:#706761;
	cursor:pointer;
	padding:10px;
	margin:0 0 10px 0;
	overflow:hidden;
	display:table;
	width:100%;
	box-sizing: border-box;
}
.feed-jewelry{
	height:80px;
	width:70px;
	box-shadow: 0px 0px 2px #dbdbdb;
	border-radius: 4px;
	overflow:hidden;
	padding:0;
	vertical-align: middle;
	float:right;
}
.feed-jewelry img{
	width:100%;
}

.feed-title{
	display:table-cell;
	height:100%;
	vertical-align: middle;
	padding:0 10px 0 50px;
}
.corner-banner{
   	top:15%;
   	left:-70px;
    width:200px;
    text-align: center;
    background: #f9e8d3;
    color: #4a4947;
    font-size: 10px;
    line-height:11px;
    letter-spacing: 1px;
    position: absolute;
    transform: rotate(-45deg);
    padding:5px 0;
}
.app-icon{
	width:80px;
	height:80px;
	border-radius: 4px;
	box-shadow: 0px 0px 2px #666;
	overflow:hidden;
	margin:10px;
	padding:10px;
}

.app-icon img{
	width:100%;
}