section.intro-page							{padding-bottom: 50px;}
.landing-buttons .landing-button-full		{width:100%;}
.landing-buttons .landing-button-full .btn	{display: block}
.landing-buttons .btn						{font-size:17px;}

.intro-right img	{width:100%;}

.flex		{display: flex}

.two-panels	{padding-bottom: 40px; margin-top: 10px; }

.block-panel				{padding:30px; height: 100%;}
.block-panel h3				{font-size:29px; font-family: 'berlingske_sans_roundlight', sans-serif; margin-bottom: 1em; color:#5482ab}
.block-panel ul,
.block-panel p				{font-size:19px; line-height: 1.3em; color:#4d5357}
.block-panel ul				{}
.block-panel ul li			{margin-bottom: 1.2em;}
.block-panel.panel-light	{background-color:#dee6ed;}
.block-panel.panel-solid	{background-color:#5482ab}

.block-panel.panel-solid h3,
.block-panel.panel-solid p,
.block-panel.panel-solid ul	{color:#ffffff}

ul.tick-list			{list-style: none}
ul.tick-list li			{position: relative; padding-left: 45px;}
ul.tick-list li:before	{background-image:url(/digital-services-act/_assets/icon-tick.png); width:30px; height: 30px; display: block; background-size: cover; content: ''; position: absolute; left: 0; top:2px}


.bottom-panels		{padding-top: 0}
.bottom-panels h2	{color:#5482ab; font-size: 39px; margin-bottom: 0.5em;}
.bottom-panels p	{color:#4d5357; font-size: 19px; line-height: 1.4em;}

.cta-panel			{padding:35px 20px; background-size: cover; height: 100%;}
.cta-panel h4		{color:#ffffff; font-size: 27px; margin-bottom: 0.5em;}
.cta-panel p		{color:#ffffff; font-size: 17px; margin-bottom: 1.5em;}

.tilt-container	{perspective:300px; height: 100%;}
.tilt			{transition:all 0.3s;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;  transform-style: preserve-3d;}
.tilt:hover		{-webkit-transform: rotateX(4deg); -moz-transform: rotateX(4deg); -o-transform: rotateX(4deg); transform: rotateX(4deg); z-index:999;}

/* HOGAN LOVELLS PLUS BUTTON */
.mr-plus-btn			{width:45px; height: 45px; border:2px solid #bed600; display: block; position: relative; transition:0.2s ease-out}
.mr-plus-btn:before		{width:3px; height: 19px; background-color: #ffffff; display: block; content: ''; position: absolute; left: 19px; top: 11px;}
.mr-plus-btn:after		{width:19px; height: 3px; background-color: #ffffff; display: block; content: ''; position: absolute; left: 11px; top: 19px;}

.cta-panel:hover .mr-plus-btn,
.mr-plus-btn:hover		{background-color:#bed600}


@media (max-width:700px) {
	
	.bottom-panels .flex,
	.two-panels .flex	{flex-direction: column}
	
	.bottom-panels .col-2,
	.two-panels	.col-2	{width:100%;}
	.intro-right		{padding-left: 0}
	.intro-left			{padding-right: 0}
	
}