.container .row .panel-default #api .social .intro:before {
	content: "Pernod Ricard employee";
}

.container .row .panel-default #api .social .intro:after {
	content: "If you have a Pernod Ricard email address (as an employee of the group or of any subsidiary), access by clicking the following button. ";
}

.container .row .panel-default #api .social .accountButton:before {
	content: "Login as "
}

.container .row .panel-default #api .social .accountButton:after {
	content: " employee";
}

.container .row .panel-default #api .localAccount .intro:before {
	content: "Invited guests";
}
.container .row .panel-default #api .localAccount .intro:after {
	content: "If you belong to the circle of acquaintances of one of our employees, please use the login option below.";
}

/*
2 Columns Layout
 */
.welcome-message{
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.container .row .panel-default #api .intro{
	margin-bottom: 20px;
}
.container .row .panel-default #api .intro:before {
	font-size:20px;
	font-weight: 600;
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	text-align: left;
}

.container .row .panel-default #api .intro:after {
	display: block;
	font-size: inherit;
	text-align: justify;
}

.panel-bottom a {
	text-decoration: underline;
}

.localAccount .create {
	display: none;
}

@media screen and (min-width: 960px){
	.container .row .panel-default .panel-body{
		width: 100%;
		max-width: 1440px;
	}
	.container .row .panel-default #api{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.container .row .panel-default #api .social,
	.container .row .panel-default #api .localAccount{
		width: 40%;
		padding: 5% 0;
	}
	.container .row .panel-default #api .social > *,
	.container .row .panel-default #api .localAccount > *{
		max-width: 370px;
		margin-left: auto;
		margin-right: auto;
	}
	.container .row .panel-default #api .social + .divider{
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 0;
		width: 10%;
	}
	.container .row .panel-default #api .social + .divider h2:before,
	.container .row .panel-default #api .social + .divider h2:after{
		width: 1px;
		height: 700px;
		border-left: 1px solid;
		top: auto;
		left: 50%;
		margin: 0;
	}
	.container .row .panel-default #api .social + .divider h2:before{
		bottom: 30px;
	}
	.container .row .panel-default #api .social + .divider h2:after{
		top: 30px;
	}

	.container .row .panel-default #api .localAccount .entry + .divider{
		display: none;
	}
	.panel-bottom{
		margin-top: 50px;
	}
}