/** ==================================================

bopthemes

	- Project: Brants
	- Version: 1.0
	- Last change: 06/08/2016

==========

TABLE OF CONTENT

	01. Import google fonts

	-- Basics and settings

	02. Basics
	03. Grid system
	04. Typography
	05. Links
	06. Blockquotes
	07. Buttons
	08. Forms
	09. Lists
	10. Code
	11. Tables
	12. Misc

	-- Elements

	13. Loader
	14. Header
	15. Sections
	16. Hero
	17. Grid
	18. Pagination
	19. Blog
	20. Social
	21. Footer
	22. Media queries

================================================== */





/** 01. Import google fonts */
/** ================================================== */

	@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700,600i");
	@import url('https://fonts.googleapis.com/css?family=Lora:400i,700,700i,400|Maven+Pro:500,300');
	@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro');
	@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600');
	@import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore|Kalam:400');



/** 02. Basic */
/** ================================================== */

	body {
		/* font-family: 'Source Sans Pro'; */
		font-family: 'lora', serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.6;
		color: #666;
		overflow-x: hidden;
		overflow-y: scroll;
		background: #fff;
		-webkit-font-smoothing: antialiased
	}

	*,
	::before,
	::after {
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	::selection {
		color: #fff;
		background: #000
	}

	::-moz-selection {
		color: #fff;
		background: #000
	}





/** 03. Grid system */
/** ================================================== */

	.container {
		width: 960px;
		margin: 0 auto;
		position: relative
	}

	.row {
		margin-top: 30px
	}

	.row:first-child {
		margin-top: 0
	}

	.column {
		float: left;
		/* padding-right: 15px;
		padding-left: 15px; */
		position: relative
	}

	.column:first-child {
		padding-left: 0
	}

	.column:last-child {
		padding-right: 0
	}

	.column.col-1 {
		width: 8.333%
	}

	.column.col-2 {
		width: 16.666%
	}

	.column.col-3 {
		width: 25%
	}

	.column.col-4 {
		width: 33.333%
	}

	.column.col-5 {
		width: 41.666%
	}

	.column.col-6 {
		width: 50%
	}

	.column.col-7 {
		width: 58.333%
	}

	.column.col-8 {
		width: 66.666%
	}

	.column.col-9 {
		width: 75%
	}

	.column.col-10 {
		width: 83.333%
	}

	.column.col-11 {
		width: 91.666%
	}

	.column.col-12 {
		width: 100%
	}

	.column.offset-by-1 {
		margin-left: 8.333%
	}

	.column.offset-by-2 {
		margin-left: 16.666%
	}

	.column.offset-by-3 {
		margin-left: 25%
	}

	.column.offset-by-4 {
		margin-left: 33.333%
	}

	.column.offset-by-5 {
		margin-left: 41.666%
	}

	.column.offset-by-6 {
		margin-left: 50%
	}

	.column.offset-by-7 {
		margin-left: 58.333%
	}

	.column.offset-by-8 {
		margin-left: 66.666%
	}

	.column.offset-by-9 {
		margin-left: 75%
	}

	.column.offset-by-10 {
		margin-left: 83.333%
	}

	.column.offset-by-11 {
		margin-left: 91.666%
	}

	.container::after,
	.row::after,
	.clear::after {
		content: '';
		display: block;
		clear: both
	}





/** 04. Typography */
/** ================================================== */

	h1,
	h2,
	h3,
	h4,
	h5
	 {
		/* font-family: 'Maven Pro', sans-serif;
		font-weight: 400;
		font-style: normal; */
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 600;
		color: #000;
		margin-top: 25px;

	}
	h6
	 {
		/* font-family: 'Maven Pro', sans-serif;
		font-weight: 400;
		font-style: normal; */
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 400;
		color: #666;
		margin-top: 25px;

	}

	h1:first-child,
	h2:first-child,
	h3:first-child,
	h4:first-child,
	h5:first-child,
	h6:first-child {
		margin-top: 0
	}

	h1.big-title {
		font-size: 80px;
		line-height: 1.125
	}

	h1 {
		font-size: 60px;
		line-height: 1.2
	}

	h2 {
		font-size: 48px;
		line-height: 1.25
	}

	h3 {
		font-size: 42px;
		line-height: 1.3
	}

	h4 {
		font-size: 36px;
		line-height: 1.2;

	}

	h5 {
		font-size: 25px;
		line-height: 1.45
	}

	h6 {
		font-size: 20px;
		line-height: 1.6;
		margin-bottom: 25px;
	}

#quote {
	font-family: 'La Belle Aurore', cursive !important;
	font-size: 2vw;
	font-weight: 700;
	color: #ffffff;
	margin-top: 0.6vw;
	line-height: 1.3;

}

#quote:first-child {
	margin-top: 0
}

#quote-summary.entry-sumary {
	padding: 12px 30px 50px !important;
	font-size: 1.1vw;
}

	h1+h1,
	h1+h2,
	h1+h3,
	h1+h4,
	h1+h5,
	h1+h6,
	h2+h1,
	h2+h2,
	h2+h3,
	h2+h4,
	h2+h5,
	h2+h6,
	h3+h1,
	h3+h2,
	h3+h3,
	h3+h4,
	h3+h5,
	h3+h6,
	h4+h1,
	h4+h2,
	h4+h3,
	h4+h4,
	h4+h5,
	h4+h6,
	h5+h1,
	h5+h2,
	h5+h3,
	h5+h4,
	h5+h5,
	h5+h6,
	h6+h1,
	h6+h2,
	h6+h3,
	h6+h4,
	h6+h5,
	h6+h6 {
		margin-top: 0
	}

	p {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	p:first-child {
		margin-top: 0
	}

	p.lead {
		font-size: 22px
	}





/** 05. Links */
/** ================================================== */

	a {
		text-decoration: none;
		color: inherit
	}

	a.link {
		color: #da9a39
	}

	a.link:hover {
		color: #000
	}





/** 06. Blockquotes */
/** ================================================== */

	blockquote {
		margin-top: 25px;
		font-size: 18px;
		font-style: italic;
		color: #000;
		padding: 50px;
		background: #f7f7f7
	}

	blockquote:first-child {
		margin-top: 0
	}





/** 07. Buttons */
/** ================================================== */

	.btn,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		display: inline-block;
		height: 40px;
		padding: 0 40px;
		margin-top: 25px;
		font-family: 'Source Sans Pro';
		font-size: 16px;
		font-weight: 600;
		color: inherit;
		line-height: 38px;
		letter-spacing: .05px;
		background-color: transparent;
		border: 1px solid #e6e6e6;
		cursor: pointer
	}

	.btn:first-child,
	button:first-child,
	input[type="submit"]:first-child,
	input[type="reset"]:first-child,
	input[type="button"]:first-child {
		margin-top: 0
	}

	.btn.primary,
	button.primary,
	input[type="submit"].primary,
	input[type="reset"].primary,
	input[type="button"].primary {
		color: #fff;
		background-color: #da9a39;
		border-color: #da9a39
	}

	.btn.primary.outline,
	button.primary.outline,
	input[type="submit"].primary.outline,
	input[type="reset"].primary.outline,
	input[type="button"].primary.outline {
		color: #da9a39;
		background-color: transparent;
		border-color: #da9a39
	}

	.btn.dark,
	button.dark,
	input[type="submit"].dark,
	input[type="reset"].dark,
	input[type="button"].dark {
		color: #fff;
		background-color: #000;
		border-color: #000
	}

	.btn.dark.outline,
	button.dark.outline,
	input[type="submit"].dark.outline,
	input[type="reset"].dark.outline,
	input[type="button"].dark.outline {
		color: #000;
		background-color: transparent;
		border-color: #000
	}
.btn.primary:hover {
	color: #fff;
	background-color: #da9a39;
	border-color: #da9a39;
	cursor: pointer;
	cursor: hand;

}




/** 08. Forms */
/** ================================================== */

	form {
		margin-top: 25px
	}

	form:first-child {
		margin-top: 0
	}

	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="text"],
	input[type="tel"],
	input[type="url"],
	textarea,
	select {
		font-family: 'Source Sans Pro';
		font-size: 16px;
		width: 100%;
		height: 50px;
		padding: 0 15px;
		background: #fff;
		border: 1px solid #e6e6e6
	}

	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="password"]:focus,
	input[type="search"]:focus,
	input[type="text"]:focus,
	input[type="tel"]:focus,
	input[type="url"]:focus,
	textarea:focus,
	select:focus {
		border-color: #d9d9d9
	}

	textarea {
		padding: 15px;
		min-height: 100px;
		resize: none
	}

	label,
	legend {
		font-size: 14px;
		font-weight: 600
	}

	input[type="checkbox"],
	input[type="radio"] {
		display: inline
	}





/** 09. Lists */
/** ================================================== */

	ul,
	ol {
		margin-top: 25px
	}

	ul:first-child,
	ol:first-child {
		margin-top: 0
	}

	ul li,
	ol li {
		margin: 5px 0 0 20px;
		padding: 0 0 0 10px
	}

	ul ul,
	ol ul,
	ul ol,
	ol ol {
		margin: 15px 0 0 25px
	}





/** 10. Code */
/** ================================================== */

	code {
		display: inline-block;
		font-size: 90%;
		padding: 0 15px;
		color: inherit;
		margin: 0 5px;
		white-space: nowrap;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
		background: #f2f2f2
	}

	pre {
		margin-top: 25px
	}

	pre:first-child {
		margin-top: 0
	}

	pre code {
		display: block;
		padding: 25px 50px;
		white-space: pre
	}





/** 11. Tables */
/** ================================================== */

	table {
		width: 100%;
		max-width: 100%;
		margin-top: 25px;
		border-collapse: collapse;
		border-spacing: 0
	}

	table:first-child {
		margin-top: 0
	}

	table thead {
		border-bottom: 2px solid #000
	}

	table th,
	table td {
		padding: 10px 15px;
		text-align: left;
		border-bottom: 1px solid #e6e6e6
	}

	table th {
		font-weight: 600
	}

	table th:first-child,
	table td:first-child {
		padding-left: 0
	}

	table th:last-child,
	table td:last-child {
		padding-right: 0
	}





/** 12. Misc */
/** ================================================== */

	.float-right {
		float: right
	}

	.float-left {
		float: left
	}

	.text-center {
		text-align: center
	}

	.text-right {
		text-align: right
	}

	.text-left {
		text-align: left
	}

	.text-light {
		color: #fff
	}

	.text-color {
		color: #ae8f51
	}

	img {
		height: auto;
		max-width: 100%
	}

	.img-responsive {
		display: block;
		min-width: 100%;
		max-width: 100%
	}





/** 13. Loader */
/** ================================================== */

	.loader {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999;
		background: #fff
	}

	.loading {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -15px 0 0 -15px;
		border: 4px solid #000;
		border-top: 4px solid transparent;
		-webkit-animation: loader-anim .7s infinite linear;
		animation: loader-anim .7s infinite linear
	}

	@-webkit-keyframes loader-anim {
		from {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg)
		}

		to {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg)
		}

	}

	@keyframes loader-anim {
		from {
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg)
		}

		to {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg)
		}

	}





/** 14. Header */
/** ================================================== */

	.site-header {
		width: 100%;
		height: 120px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background: #fff;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.site-header.resized {
		height: 80px;
		background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.06);
    box-shadow: 0 0 20px rgba(0,0,0,.06);
	}

	.header-logo a {
		font-family: 'source sans pro', sans-serif;
		/* text-transform: uppercase; */
		font-weight: 500;
		font-size: 15px;
		color: #000;
		line-height: 120px
	}

	.header-logo img {
		height: 50px;
		margin-top: 30px;
		float: left;
	}

	.header-logo a,
	.header-logo img {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.site-header.resized .header-logo a {
		line-height: 80px
	}

	.site-header.resized .header-logo img {
		margin-top: 10px
	}

	.trigger-nav {
		height: 30px;
		margin-top: 45px;
		cursor: pointer
	}

	.trigger-nav {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.site-header.resized .trigger-nav {
		margin-top: 25px
	}

	.burger-icon {
		width: 20px;
		height: 16px;
		position: relative;
		margin-top: 7px
	}

	.icon-bar {
		width: 100%;
		height: 2px;
		position: absolute;
		right: 0;
		background: #000
	}

	.icon-bar.top {
		top: 0
	}

	.icon-bar.middle {
		top: 50%;
		margin-top: -1px
	}

	.icon-bar.bottom {
		bottom: 0
	}

	.icon-bar {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.trigger-nav.close .icon-bar.top {
		top: 50%;
		margin-top: -1px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.trigger-nav.close .icon-bar.middle {
		width: 0
	}

	.trigger-nav.close .icon-bar.bottom {
		bottom: 50%;
		margin-bottom: -1px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.header-nav {
		height: 30px;
		margin-right: 50px;
		margin-top: 45px;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.header-nav.visible {
		visibility: visible;
		opacity: 1
	}

	.site-header.resized .header-nav {
		margin-top: 25px
	}

	.menu {
		list-style: none
	}

	.menu li {
		display: inline-block;
		margin: 0 0 0 25px;
		padding: 0;
		line-height: 30px;
		position: relative;
		opacity: 0;
		top: -50px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.menu li:first-child {
		margin-left: 0
	}

	.menu li.show-item {
		opacity: 1;
		top: 0
	}

	.menu li a {
		font-weight: 400;
		font-family: 'source sans pro';
    font-size: 16px
	}

	.menu li a.active {
		color: #232323
	}

	.menu li a.active:after {
	content: ""; /* selected underline */
	display: block; /* pseudo element on its own line */
	margin: 0; /* center the border. */
	width: 20px;
	border-bottom: 2px solid #da9a39;
	border-radius: 2px;
	}




/** 15. Sections */
/** ================================================== */

	.main-content {
		padding: 120px 0 0
	}

	section,
	.section {
		margin-top: 0px;
		position: relative
	}

	.headline {
		margin-top: 150px
	}





/** 16. Hero */
/** ================================================== */

	.hero {
		position: relative
		min-width: 100%;
	}

	.hero:first-child {
		margin-top: 0
	}

	.hero-image {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1
	}





/** 17. Grid */
/** ================================================== */

	.entry {
		position: relative;
		overflow: hidden
	}

	.entry-image,
	.entry-content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1
	}

	.entry-content.hidden {
		background: rgba(0, 0, 0, .9);
		visibility: hidden;
		opacity: 0
	}

	.entry-content {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.entry:hover .entry-content.hidden {
		visibility: visible;
		opacity: 1
	}

	.entry-desc {
		position: absolute;
		top: 20px;
		right: 50px;
		left: 30px;
		z-index: 1
	}

	.entry-desc.bottom-desc {
		top: auto;
		bottom: 50px
	}

	.entry-cat {
		text-transform: uppercase;
		font-family: 'source sans pro';
		font-size: 14px;
		font-weight: 600
	}

	.entry-title {
		margin: 0;
		color: #fff
	}

	.entry.team-entry .entry-cat {
		color: #fff
	}





/** 18. Pagination */
/** ================================================== */

	.prev-pag,
	.next-pag {
		max-width: 50%;
		position: relative
	}

	.prev-pag .icon,
	.next-pag .icon {
		display: none;
		width: 50px;
		height: 30px;
		position: relative
	}

	.prev-pag .icon::before,
	.next-pag .icon::before,
	.prev-pag .icon::after,
	.next-pag .icon::after {
		content: '';
		width: 15px;
		height: 2px;
		position: absolute;
		background: #000
	}

	.prev-pag .icon::before,
	.next-pag .icon::before {
		top: 0;
		margin-top: 9px
	}

	.prev-pag .icon::after,
	.next-pag .icon::after {
		bottom: 0;
		margin-bottom: 9px
	}

	.pagination-title {
		font-family: 'Barlow Condensed', sans-serif;
		font-weight: 600;
		font-size: 19px
	}

	.pagination-label {
		line-height: 30px;
		color: #da9a39
	}

	.prev-pag .icon::before,
	.next-pag .icon::after {
		-webkit-transform: rotate(-50deg);
		-moz-transform: rotate(-50deg);
		-ms-transform: rotate(-50deg);
		-o-transform: rotate(-50deg);
		transform: rotate(-50deg)
	}

	.prev-pag .icon::after,
	.next-pag .icon::before {
		-webkit-transform: rotate(50deg);
		-moz-transform: rotate(50deg);
		-ms-transform: rotate(50deg);
		-o-transform: rotate(50deg);
		transform: rotate(50deg)
	}

	.next-pag .icon::before,
	.next-pag .icon::after {
		right: 0
	}





/** 19. Blog */
/** ================================================== */

	.blog {
		margin-right: 50px;
		margin-left: 50px
	}

	.entry-post {
		background: #f2f2f2
	}

	.post-image,
	.post-thumbnail {
		padding-top: 50px
	}

	.post-image:first-child,
	.post-thumbnail:first-child {
		padding-top: 0
	}

	.entry-post .entry-header {
		padding: 30px 30px 0
	}

	.entry-post .entry-header .entry-meta span {
		display: inline-block;
		margin-left: 15px;
		font-size: 14px;
		color: #999
	}

	.entry-post .entry-header .entry-meta span:first-child {
		margin-left: 0
	}

	.entry-post .entry-header .entry-meta span i {
		margin-right: 5px
	}

	.entry-post .entry-header .entry-title {
		color: #000
	}

	.entry-sumary {
		padding: 25px 30px 50px
	}


	.entry-post.quote-post {
		background: #232323
	}

	.entry-post.quote-post::before {
		font-family: FontAwesome;
		content: '\f10d';
		font-size: 50px;
		line-height: 1em;
		color: rgba(255, 255, 255, .2);
		position: absolute;
		top: 10px;
		left: 15px
	}


	.entry-post.quote-post .entry-header,
	.entry-post.quote-post .entry-sumary {
		position: relative;
		z-index: 1
	}

	.entry-post.quote-post .entry-header .entry-title {
		color: #fff
	}

	.entry-post.single-post {
		background: 0
	}

	.entry-post.single-post .entry-header {
		padding-left: 0
	}

	.entry-post.single-post .entry-header:first-child {
		padding-top: 0
	}

	.entry-post.single-post .entry-sumary {
		padding: 0px 0 0
	}

	.widget {
		padding: 50px 0;
		border-top: 5px solid #f2f2f2
	}

	.widget:first-child {
		border-top: 0;
		padding-top: 0
	}

	.widget-header {
		padding-bottom: 25px
	}

	.widget.recent-posts ul {
		list-style: none
	}

	.widget.recent-posts ul li {
		margin: 25px 0 0 0;
		padding: 0
	}

	.widget.recent-posts ul li:first-child {
		margin-top: 0
	}

	.widget.recent-posts ul li .entry-header {
		padding: 15px 25px
	}





/** 20. Social */
/** ================================================== */

	.social-list {
		list-style: none
	}

	.social-list li {
		display: inline-block;
		position: relative;
		margin: 0 0 0 25px;
		padding: 0
	}

	.social-list li:first-child {
		margin-left: 0
	}

	.social-list li a {
		color: inherit
	}

	.social-list li a:hover {
		color: #000
	}





/** 21. Footer */
/** ================================================== */

	.site-footer {
		padding: 25px 0;
		margin-top: 100px;
		position: relative
	}

	.site-footer .copy {
		font-size: 14px
	}





/** 22. Media queries */
/** ================================================== */

	@media (max-width:1024px) {
		.container {
			width: 90%
		}

	}

	@media (max-width:768px) {
		body {
			overflow-y: auto
		}

		.container {
			width: 85%
		}

		.column {
			width: 100% !important;
			margin: 0 !important;
			padding: 0;
			margin-top: 25px
		}

		.column:first-child {
			margin-top: 0
		}

		.header-nav {
			height: auto !important;
			position: fixed;
			top: 120px;
			right: 0;
			left: 0;
			margin: 0;
			padding: 50px 10%;
			background: #fff;
			box-shadow: 0 5px 10px rgba(0, 0, 0, .05)
		}

		.site-header.resized .header-nav.visible {
			top: 80px;
			margin-top: 0
		}

		.menu li {
			display: block;
			margin: 15px 0 0 0;
			top: 0
		}

		.menu li:first-child {
			margin-top: 0
		}

		.pagination-label,
		.pagination-title {
			display: none
		}

		.prev-pag .icon,
		.next-pag .icon {
			display: block
		}

		/*.blog-sidebar {
			display: none;
		}*/
		#quote {
			font-size: 7vw;
			line-height: 1;
		}
		#quote-summary.entry-sumary {
			font-size: 3vw;
		}
		.entry-header #quote {
			margin-top: 17px;
		}

	}

	@media (max-width:560px) {
		h1 {
			font-size: 48px
		}

		h2 {
			font-size: 42px;
		}

		h3 {
			font-size: 36px
		}

		h4 {
			font-size: 28px
		}

		h5 {
			font-size: 20px
		}

		h6 {
			font-size: 17px
		}

		.blog {
			margin-right: 10%;
			margin-left: 10%
		}

		.entry-post .entry-header,
		.entry-post.quote-post .entry-sumary {
			padding: 25px
		}

		.entry-post .entry-header .entry-meta span {
			display: block;
			margin: 0
		}

		.entry-post .entry-header .entry-title {
			margin-top: 15px
		}

		.entry-sumary {
			display: none
		}

		.entry-post.single-post .entry-header {
			padding: 25px 0
		}

		.entry-post.quote-post .entry-sumary,
		.entry-post.single-post .entry-sumary {
			display: block
		}

		.entry-post.single-post .entry-header .entry-meta span {
			display: block;
			margin: 0;
			padding: 5px 15px;
			background: #f2f2f2
		}

		.social-list li {
			display: block;
			position: relative;
			margin: 5px 0 0 0;
			padding: 0
		}

		.social-list li:first-child {
			margin-top: 0
		}

		.social-list li a {
			display: block;
			text-align: center;
			font-size: 14px;
			padding: 5px;
			color: inherit;
			background: #f2f2f2
		}

		.social-list li a:hover {
			color: #000
		}
		.entry-header #quote {
			margin-top: 20px;
		}
		#quote-summary.entry-sumary {
			font-size: 3.2vw;
		}


	}

	@media (max-width:320px) {
		h1 {
			font-size: 42px
		}

		h2 {
			font-size: 36px
		}

		h3 {
			font-size: 28px
		}

		h4 {
			font-size: 24px
		}

		h5 {
			font-size: 19px
		}

		h6 {
			font-size: 17px
		}

		.blog {
			margin-right: 0;
			margin-left: 0
		}
		.entry-header #quote {
			margin-top: 20px;
		}
		#quote-summary.entry-sumary {
			font-size: 3vw;
		}


	}

/* This beautiful CSS-File has been crafted with LESS and Ani (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */