@media screen and (max-width: 1220px) {

	.content-wrapper {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.header .title .content-wrapper {
		width: calc(100% - 20px);
	}

	.header .menu-wrapper .content-wrapper {
		padding: 0px 10px;
	}

	#help .article .article-half.text {
		padding-left: 20px;
	}

	#care .article .article-half.text {
		padding-right: 20px;
	}

	.flappy {
		width: calc(100% - 40px);
    	margin-left: 20px;
	}

	.footer .content-wrapper {
		width: calc(100% - 40px);
		margin-left: 20px;
	}

	#facts .content-wrapper {
		width: calc(100% - 40px);
		margin-left: 20px;
	}

	#partner .content-wrapper {
		width: calc(100% - 40px);
		margin-left: 20px;
	}

	#contact .content-wrapper {
		width: calc(100% - 40px);
		margin-left: 20px;
	}

}

@media screen and (max-width: 1000px) {
	.article .article-half .bottom {
		position: relative;
	}
	#specialists .box {
		padding-left: 46px;
	}
	#specialists .article .article-half:nth-child(2) {
		padding-left: 0px;
	}
	#blog ul {
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 20px;
		row-gap: 20px;
	}
}

@media screen and (max-width: 860px) {

	#facts .content-wrapper ul:first-child {
		display: none;
	}

	#facts ul li {
		display: block;
		padding-bottom: 40px;
		border-right: none;
		width: 100%;
	}

	.footer ul.footer-structure {
		grid-template-columns: 2fr 2fr 1fr;
	}
	
	.footer ul.footer-structure li:last-child {
		display: none;
	}

}

@media screen and (max-width: 800px) {

	.objects .separator {
		display: table-cell !important;
	}

	.header .title .logo {
		height: 20px;
	}

	.header .teaser-container .teaser-message {
		padding-top: 90px;
	}

	.header .teaser-container .teaser-message .teaser-message-container h1 {
		font-size: 70px;
	}

	.header .teaser-container .teaser-message .teaser-message-container .box {
		font-size: 24px;
	}

	.header .menu-wrapper ul li {
		font-size: 50px;
	}

	.objects-wrapper {
		margin-bottom: 0px;
	}

	.objects {
		transform: none;
		-webkit-transform: none;
	}

	.objects .objects-container {
		padding: 10px 0px;
	}

	.objects .objects-container ul:not(.grid) li {
		display: inherit;
		float: left;
		width: 50%;
		height: 170px;
		box-sizing: border-box;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.objects .objects-container ul.grid {
		padding-top: 30px;
		padding-bottom: 30px;
		grid-template-columns: 1fr 1fr;
		column-gap: 10px;
	}

	.objects .objects-container ul:not(.grid) li:last-child,
	.objects .objects-container ul:not(.grid) li:nth-child(2) {
		border-right: 0px;
	}

	.objects .objects-container ul:not(.grid) li img {
		width: 50px;
	}

	.article .article-half.text {
		width: 60%;
	}

	.article .article-half.image {
		width: 40%;
	}

	.article .article-half.image div.play {
		background-size: cover;
	}

	#care {
		padding-top: 40px;
	}

	#care .article .article-half:nth-child(1) {
		padding-right: 0px;
	}

	#help .article .article-half.text {
		padding-top: 0px !important;
		padding-left: 20px !important;
	}

	#help .article .article-half.image {
		padding-left: 0px !important;
	}

	.lists-wrapper .list-container {
		width: 100%;
	}

	#specialists .article {
		width: 100%;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
	}

	#specialists .article .article-half {
		width: 100% !important;
		display: inherit !important;;
		padding: 0px !important;
	}

	.content-section.expanded-padding-bottom {
		padding-bottom: 50px;
	}

	.article .article-half .bottom {
		padding-top: 20px;
	}
	
	.podcasts {
		row-gap: 30px;
		grid-template-columns: 1fr;
	}

	#blog {
		padding-top: 40px;
	}

	#blog ul {
		grid-template-columns: 1fr 1fr;
	}


}

@media screen and (max-width: 600px) {

	.header .title .menu-container ul li:nth-child(1),
	.header .title .menu-container ul li:nth-child(2),
	.header .title .menu-container ul li:nth-child(3) {
		display: none;
	}

	.header .teaser-container .teaser-message .teaser-message-container h1 {
		font-size: 40px;
	}

	.header .teaser-container .teaser-message .teaser-message-container .box {
		font-size: 20px;
	}

	.header .menu-wrapper ul li {
		font-size: 30px;
	}

	.objects .objects-container ul li {
		height: 140px;
	}

	.objects .objects-container ul li p.title {
		font-size: 18px;
	}
	
	.objects .objects-container ul li p {
		font-size: 12px;
	}

	.article .article-half.text h2 {
		font-size: 24px;
	}

	.article .article-half {
		padding-left: 0px !important;
	}

	.flappy .flappy-opener {
		font-size: 24px; 
	}

	.flappy .flappy-opener .arrow {
		width: 28px;
		height: 28px;
	}

	.article .article-half .bottom .bottom-wrapper div {
		display: inherit;
		width: 100%;
	}

	.article .article-half .bottom {
		margin-top: 20px;
	}

	.article .article-half .bottom .bottom-wrapper div:nth-child(2) {
		padding-left: 0px;
	}

	#partner .article .article-half:nth-child(2) {
		padding-left: 0px;
		padding-top: 20px;
	}

	.testimonials-container {
		grid-template-columns: 1fr;
	}

	.article {
		display: grid;
	}
	
	.article div {
		order: 2;
	}
	
	.article div.image {
		order: 1;
	}

}

@media screen and (max-width: 750px) {

	ul.sections li.section {
		display: inherit;
		width: 100%;
	}

	ul.sections li.section:not(:first-child) {
		margin-top: 10px;
	}

	ul.sections li.section .section-wrapper {
		width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

}

@media screen and (max-width: 650px) {

	#contact .form-wrapper-half {
		width: 100%;
		display: inherit;	
	}

	#contact .form-wrapper .form-wrapper-half:nth-child(2) {
		padding-left: 0px;
	}

	#send-confirmation {
		text-align: center;
	}

	.header.blog {
		min-height: 400px;
	}

}

@media screen and (max-width: 600px) {

	.article .article-half,
	.article .article-half.text,
	.article .article-half.image {
		display: inherit;
		width: 100%;
		padding-top: 20px;
	}

	.article .article-half.text {
		width: calc(100% - 20px);
		margin-left: 10px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px !important;
	}

	.footer ul.footer-structure {
		grid-template-columns: 1fr;
	}

	.footer ul.footer-structure li.footer-column {
		padding-bottom: 20px;
	}

	.article.blog h2 {
		font-size: 32px !important;
	}

	.article.blog h3 {
		font-size: 20px !important;
	}

	.article.blog h4 {
		font-size: 16px !important;
	}

	.article.blog p {
		font-size: 16px !important;
	}

}

@media screen and (max-width: 500px) {

	#facts ul li {
		width: 100% !important;
		border: 0px !important;
		margin-bottom: 20px;
	}

	#facts ul:nth-child(2) li img {
		display: inherit;
	}

	#blog ul {
		grid-template-columns: 1fr;
	}

	.header.blog {
		min-height: 360px;
	}

	.article.blog {
		hyphens: auto;
	}

}