* {
		box-sizing: border-box;
		font-size: 0;
	}

	body {
		margin: 0;
	}

	.container {
		width: 100%;
		padding: 0 5%;
		margin-bottom: 40px;
	}

	header {
		width: 100%;
		background-color: #e8e8e8;
		height: 70px;
		padding: 2% 0;
	}

	#searchbar {
		height: 27px;
		background-color: #fff;
		margin: 10px 0;
		border-radius: 5px;
	}

	.paragraph {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.aside {
		display: inline-block;
		width: 64%;
	}

	.line {
		height: 7px;
		background-color: #e8e8e8;
		margin: 11px 0;
		/*display: inline-block;*/
	}

	.quarter {
		width: 25%;
	}

	.third {
		width: 33%;
	}

	.half {
		width: 50%;
	}

	.twothird {
		width: 66%;
	}

	.threequarters {
		width: 75%;
	}

	.full {
		width: 100%;
	}

	.littleimg {
		height: 80px;
	}

	.bigimg {
		height: 180px;
	}

	.imginline {
		height: 80px;
		width: 30%;
		margin-right: 5%;
		display: inline-block;
	}

	.clear {
		clear: both;
	}

	.point {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		display: inline-block;
		margin-right: 1px;
	}

	.white {
		background-color: white
	}

	.grey {
		background-color: #e8e8e8;
		border: 1px solid white;
	}

	#txtP{
		font-size: 12px;
		color:#969596;
		text-align: center;
		margin-top: 10px;
	}

.float_dbl{
	animation: float_dbl 3s linear infinite both;
}
@keyframes float_dbl{
	0% {
		transform:translateY(0);animation-timing-function: ease-out;
	}
	22% {
		transform:translateY(12px);
		animation-timing-function: ease-in-out;
	}
	33% {
		transform:translateY(6px);
		animation-timing-function: ease-in-out;
	}
	44.33% {
		transform: translateY(12px);
		animation-timing-function: ease-out;
	}
	67% {transform: translateY(0);
	}
	100% {
		transform:translateY(0);
	}
};