@media (max-width: 575px) {
	.footer-logo{ margin:40px 0px 0px 0px; }
	
	
	ul.photos-filter li { font-size: 0.9rem;}

	header .logo .logo-dark.default, header .logo .logo-light.default{
		max-height: 85px;
	}

	.boxs-custom-01{ flex-direction: column }
	.boxs-custom-01 .box-left{ width: 100% }
	
	.title-extra-large{
		line-height: initial !important;
		font-size: 70px;
		word-break: break-word !important;
		hyphens: auto
	}
	
	.title-color-emphasis-1 {
		color: #FF734D;
		margin-right: 0px;
		display: block;
	}
	.title-color-emphasis-2 {
		color: #8bffe2;
		margin-right: 0px;
		display: block;
	}
	.title-color-emphasis-3 {
		color: #97ED5F;
		margin-right: 0px;
		display: block;

	}
	
	.full-width-pull-menu .link-style-2 ul li a{
		hyphens: auto;
		word-break: break-word;
		padding: 30px 0px;
		display: inline-block;
		overflow: hidden;
		font-size: 46px;
	}
	
	.full-width-pull-menu .link-style-2 ul li:after{
		content: '';
		display: inline-block;
		width: 30%;
		border-bottom: 1px solid #CCC;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%)
	}
	
	.full-width-pull-menu .link-style-2 ul li:nth-last-child(1):after{
		display: none
	}

	.sustainability-parallax, .candidature-parallax{
		background-size: auto 100% !important;
		display: flex;
		align-items: center;
	}

}
@media (max-width: 1199px) {
	.scrollside-menu {
		justify-content: start;
	}
	
}

@media (max-width: 991px) {
	.md-swap-block .arrow-bottom::after {
		top: -79px;
		border-width: 40px;
		left: calc(50% - 20px);
	}
}

@media (min-width: 1366px) and (max-width: 1599px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 67px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2.8rem;
		line-height: 2.8rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 3.6rem;
		width: 5.6rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2.8rem;
	}
	
}

@media (min-width: 1200px) and (max-width: 1365px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 59px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2.6rem;
		line-height: 2.6rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 3.4rem;
		width: 5.4rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2.6rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 44px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2.4rem;
		line-height: 2.4rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 3.2rem;
		width: 5rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2.4rem;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.full-width-pull-menu .link-style-2 ul li a {
		font-size: 44px;
	}
	.panel-sdg .panel-heading .panel-title {
		font-size: 2rem;
		line-height: 2rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 2.8rem;
		width: 4.8rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 2rem;
	}
}

@media (max-width: 767px) {
	.panel-sdg .panel-heading .panel-title {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	.panel-sdg .panel-heading .panel-title .sdg-topic{
		font-size: 2.6rem;
		width: 4.4rem;
	}
	.panel-sdg .panel-heading .panel-title i{
		font-size: 1.5rem;
	}
}