body {
	background-color: #fafafa;
}
.form-control::placeholder {
	color: #777;
	opacity: 1;
}
.form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
	color: #777;
}
#main {
	padding-top: 24px;
	padding-bottom: 24px;
}
.post {
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	margin-bottom: 60px;
}
.likephoto {   
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	opacity: 0;
	transform: scale(0);
	font-size: 64px;
	line-height: 112px;
	width: 96px;
	height: 96px;
	text-align: center;
	color: #fff;
	z-index: 10;
}
.liked-now .likephoto {
	animation-duration: 1000ms;
	animation-name: like-heart-animation;
	animation-timing-function: ease-in-out;
}
@keyframes like-heart-animation{ 
	0% { opacity:0; transform:scale(0); }
	15% { opacity:.9; transform:scale(1.2); }
	30% { transform:scale(.95); }
	45%,
	80% { opacity:.9; transform:scale(1); }
}

.fade-scale {
	transform: scale(0);
	opacity: 0;
	-webkit-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
}

.fade-scale.show {
	opacity: 1;
	transform: scale(1);
}
.disliked .dislikebtn {
	color: #E03A3E!important;
}

@media (min-width: 768px) {
	#main {
		width: 600px;
		margin: 0 auto;
	}
}
@media (min-width: 1024px) {
	#main {
		width: 900px;
		padding-left: 0;
		padding-right: 300px;
		margin: 0 auto;
	}
	#side {
		left: calc(50% + 170px);
		width: 300px;
		background-color: #fafafa;
		border-radius: 3px;
		padding: 20px 0;
		margin-top: 1.5rem;
	}
}