/* More than a tablet */
@media screen and (min-width: 1330px){

	.home #page-header{
	background-position-y: -40px;
	}

}
/* Tablet */
@media screen and (max-width: 1024px){
	.wp-caption{ max-width: 100%; }
	#primary.post-container, .primary.post-container{ max-width: 75%; }
	#masthead{ padding: 0 10px; }
}
@media screen and (max-width: 800px){
	#primary.post-container, .primary.post-container{ max-width: 70%; }
}
/* Mobile */
@media screen and (max-width: 768px){
	.columns{ width: 100% !important; float: none !important; }
	h1.page-title{ font-size: 20px; word-break: normal; }
	body.archive #inner-page-header p{ font-size: 15px; }
	h1.archive-title{ font-size: 28px; padding: 6px 14px 7px; margin-top: 140px; }
	#mobile-menu-btn{
		position: relative;
		width: 30px;
		height: 30px;
		left: 0;
		display: block;
		z-index: 9999;
	}
  h2.post-subtitle {
    font-size: 19px;
  }
	#mobile-menu-btn:before{
		content: "";
		background: transparent url(https://www.lemonade.com/fr/blog/wp-content/themes/lemonade/assets/svg/sprite.svg) no-repeat -50px 0;
		background-size: 350px 100px;
		-webkit-filter: grayscale(100%) brightness(500%);
		filter: grayscale(100%) brightness(500%);
		position: absolute;
		z-index: 1;
		display: block;
		overflow: hidden;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px;
		width: 16px;
		height: 16px;
		transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-webkit-transition: all 0.2s ease-in;
	}
	body.archive #masthead #mobile-menu-btn:before, #masthead.sticky #mobile-menu-btn:before{
		-webkit-filter: none;
		filter: none;
	}
	#menu-wrapper{
		display: block;
		background: #313131;
		position: fixed;
		z-index: 999999;
		top: 0;
		bottom: 0;
		left: 0;
		width: 280px;
		padding: 30px;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		-moz-transition: -moz-transform 0.3s ease-in-out;
		-o-transition: -o-transform 0.3s ease-in-out;
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		border: 0;
	}
	#menu-wrapper.active{
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	#mobile-menu-close{
		width: 30px;
		height: 30px;
		position: absolute;
		right: 5px;
		top: 5px;
	}
	#mobile-menu-close:before{
		content: "";
		background: transparent url(https://www.lemonade.com/fr/blog/wp-content/themes/lemonade/assets/svg/sprite.svg) no-repeat 0 -38px;
		background-size: 350px 100px;
		position: absolute;
		z-index: 1;
		display: block;
		overflow: hidden;
		width: 12px;
		height: 12px;
		top: 50%;
		left: 50%;
		margin-top: -6px;
		margin-left: -6px;
	}
	#primary-menu{ display: block; }
	#primary-menu > li{
		float: none;
		margin-right: 0;
		line-height: 24px;
		margin-bottom: 20px;
		padding: 0;
		border: 0 !important;
		color: #e8e8e8;
		width: 100%;
	}
	#primary-menu > li a{ color: #e8e8e8; padding: 0; }
	#primary-menu > li.current-menu-item, #primary-menu > li:hover{ background-color: transparent; }
	#primary-menu > li.current_page_item a{ color: #a8a8a8; }
	#primary-menu > li p{ display: none; }
	#menu-wrapper #footer-social{ position: absolute; bottom: 30px; }
	footer #footer-social, footer #footer-left{ float: none; text-align: center; }
	footer #footer-social ul, footer #footer-left ul{ display: inline-block; }
	footer #footer-social{ padding-bottom: 35px; }

	footer .footer-features{min-height: 150px;}
	footer .footer-company{margin-top: 20px;min-height: 150px;}
	footer .footer-resources{min-height: 150px;}
	footer .footer-icon-links{margin-top: 20px;min-height: 150px;}

	#footer-menu li{ float: none; display: inline-block; }
	#masthead > #logo{ top: 30px; }
	#masthead > #logo a:before{ height: 26px; }
	#page-header {  height: 100vh;}
	body.archive #page-header { height: 40vh;}
	#inner-page-header{ padding: 0 20px; margin-top: -80px; }
	#primary.post-container, .primary.post-container{ max-width: 100%; }
	.subscribe-component #subcribe-email{
		margin-right: 0;
		width: 100%;
		text-align: center;
		padding: 15.5px 0;
	}
	.subscribe-component input[type="submit"]{
		width: 100%;
		padding: 21.5px 33px;
	}
	#post-share{
		position: fixed;
		bottom: 0;
		top: auto;
		left: 0;
		right: 0;
		width: 100%;
	}
	#post-share{ background-color: #fff; z-index: 2; }
	#post-share p{ display: none; }
	#post-share ul{ display: flex; align-items: center; }
	#post-share li{
		float: none;
		display: inline-block;
		margin-bottom: 0;
		width: 33.3333%;
		align-self: center;
	}
	#post-share li a{
		width: 100%;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		height: 50px;
	}
	#footer{ padding-bottom: 80px; }
	#primary{ padding: 0 20px; }
	.subscribe-button-wrapper, .subscribe-email-wrapper{ width: 100%; }
	.subscribe-email-wrapper > i { top: 12px }
	.subscribe-button-wrapper{ margin-top: 10px; }
	#continue-reading-wrapper{ padding: 0 20px; }
	.subscribe-footer .subscribe-input{
		position: relative;
		width: 95%;
		margin: 0 auto;
	}
	.arrow-down-cat {
		display: none;
	}
	.subscriber-check{ top: 21%; }
	body.error404 #primary{ height: 100vh; }

	.post-cats > a{
		margin: 5px;
	}
}
@media screen and (max-width: 374px){
	body.single #inner-page-header{
		padding: 0 10px;
	}
	h1.page-title{
		font-size: 20px;
	}
	#header-action-button{
		display: none;
	}
}