div.caption-webinar-1 { display: block; position: absolute; width: 100%; max-width: 1200px; text-align: left; display: flex; flex-direction: row; top: 50%; left: 50%; transform: translate3D(-50%, -55%, 0); padding: 0 20px; align-items: center;}
div.caption-webinar-1.c-full { max-width: 100%; padding-left: 0; padding-right: 120px; transform: none; left: 0; top: 0; height: 100%;}

div.caption-ba-1 { display: block; position: absolute; width: 100%; max-width: 1200px; text-align: left; top: 50%; left: 50%; transform: translate3D(-50%, -55%, 0); padding: 0 40px; } 

div.caption-courses-1 { display: block; position: absolute; width: 100%; max-width: 1380px; text-align: left; top: 0;  left: 50%; transform: translate3D(-50%, 0, 0); padding: 70px 40px 0; } 

div.c-logo { width: calc(100% - 800px); padding-right: 100px; align-self: flex-start}
div.c-logo img { display: block; margin: 0 auto 0 0;}
div.c-logo img { width: 100%}
div.c-message { width: 800px; text-align: left;}
div.c-title { font-size: 38px; text-transform: uppercase; font-weight: 700; line-height: 1.2; margin-bottom: 30px; color: #000}
div.c-title + div.c-title { margin-top: -20px}
div.c-times { display: block; margin: 0 auto 40px 0; text-align: left; max-width: 50%}
div.c-times img { display: block; margin: 0 auto 20px 0;}
div.c-time { display: block; margin: 0 auto 40px 0; text-align: left; max-width: 70%}
div.c-time img { display: block; margin: 0 auto 0px 0;}

div.c-ba-title { font-size: 36px; text-transform: uppercase; font-weight: 700; line-height: 1.2; margin-bottom: 25px; color: #000}
div.c-ba-logo { display: block; margin: 0 auto 40px 0; }

div.c-sc-title { font-size: 48px; text-transform: uppercase; font-weight: 700; line-height: 1.2; margin-bottom: 40px;}
div.c-sc-logo { display: block; margin: 0 auto 60px 0; }

div.c-course-title { font-size: 72px; text-transform: uppercase; color: #fff; font-weight: 700; line-height: 1.1; max-width: 1080px; margin: 0 auto 20px 0;}
div.c-course-pretitle { font-size: 48px; color: #fff; text-transform: uppercase; font-weight: 700; line-height: 1.2; margin-bottom: 15px; color: var(--col-primary)}
div.c-course-date { font-size: 32px; color: #fff; font-weight: 700; line-height: 1.2; margin-bottom: 30px;}
div.c-course-logo { max-width: 360px; margin-bottom: 40px;}

a.c-btn { background-color: var(--col-primary); color: #fff; font-size: 18px; font-weight: 600; line-height: 46px; border-radius: 10px; padding: 0 15px; display: table; margin: 0 auto 0 0; text-transform: uppercase;}
a.c-btn:hover { background-color: #000}

div.c-title.c-short { max-width: 800px; }

div.c-short { max-width: 800px; }
div.c-shorter { max-width: 680px; }

.c-french div.c-shorter { max-width: 800px; }
.c-french div.c-course-logo { max-width: 260px; margin-bottom: 20px;}

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

	div.caption-webinar-1.c-full { padding-right: 80px;}
	div.caption-webinar-1.c-full div.c-logo { width: 400px; padding-right: 50px}
	div.caption-webinar-1.c-full div.c-message { width: calc(100% - 400px);}

	div.c-course-title { font-size: 60px; }
	div.c-course-pretitle { font-size: 40px; }
	div.c-course-date { font-size: 28px; }

}


@media only screen and (max-width: 1280px) {
	div.c-title { font-size: 32px;}
	a.c-btn { font-size: 16px; line-height: 40px; }
	div.c-time, div.c-times  { margin-bottom: 30px}
	div.c-logo { padding-right: 40px; }
	div.caption-webinar-1.c-full { padding-right: 20px;}
	div.caption-webinar-1.c-full div.c-logo { width: 300px;}
	div.caption-webinar-1.c-full div.c-message { width: calc(100% - 300px);}

}

@media only screen and (max-width: 1180px) {
	div.c-ba-title { font-size: 32px; margin-bottom: 20px;}
	div.c-ba-logo.c-ba-rbc { width: 15vw; margin-bottom: 30px;}

	div.c-sc-title { font-size: 32px; margin-bottom: 20px;}
	div.c-sc-logo { margin: 0 auto 40px 0; }

	div.c-course-title { font-size: 48px; }
	div.c-course-pretitle { font-size: 32px; }
	div.c-course-date { font-size: 24px; }

	div.c-course-logo { max-width: 200px; margin-bottom: 20px;}
	.c-french div.c-course-logo { max-width: 160px; margin-bottom: 20px;}

	.c-french div.c-course-title { font-size: 36px; }
	.c-french div.c-course-pretitle { font-size: 24px; margin-bottom: 10px;}
	.c-french div.c-course-date { font-size: 18px; margin-bottom: 20px;}

}
@media only screen and (max-width: 980px) {


	div.c-logo { height: 40px; position: absolute; top: -50px; right: 20px; padding: 0; width: auto}
	div.c-logo.c-large { height: 60px; top: -60px;}
	div.c-logo img { height: 100%; width: auto; margin: 0 0 0 auto}
	div.c-message { width: 100% !important; }
	div.c-times  { max-width: 300px;}
	div.c-time  { max-width: 450px;}

	div.c-title { font-size: 26px;}
	a.c-btn { font-size: 14px; line-height: 32px; }

	div.caption-webinar-1.c-full { padding-left: 20px;}
	div.caption-webinar-1.c-full div.c-logo { display: none;}

	div.c-course-logo { max-width: 140px; margin-bottom: 20px; margin-top: -10px}
	.c-french div.c-course-logo { max-width: 120px; margin-bottom: 20px; margin-top: -10px}

	.c-french div.c-course-title { font-size: 36px; }
	.c-french div.c-course-pretitle { font-size: 24px; margin-bottom: 10px;}
	.c-french div.c-course-date { font-size: 18px; margin-bottom: 20px;}

}

@media only screen and (max-width: 880px) {
	div.c-logo { top: -20px; height: 20px}
	div.c-logo.c-large { height: 30px; top: -30px}
	div.caption-webinar-1 { transform: translate3D(-50%, -58%, 0); }
	div.c-title { font-size: 24px; margin-bottom: 20px;}
	div.c-title + div.c-title { margin-top: -15px}
	div.c-times { margin: 0 auto 20px 0; max-width: 240px}
	div.c-time { margin: 0 auto 20px 0; max-width: 280px}

	div.c-ba-title { font-size: 28px; }
	div.caption-ba-1 { padding: 0 20px; } 
	div.c-ba-logo.c-ba-rbc { width: 14vw; margin-bottom: 25px;}

	div.c-sc-title { font-size: 28px; margin-bottom: 20px }
	div.c-sc-logo { margin: 0 auto 30px 0; }
	div.c-sc-logo.c-sc-lazaridis { width: 40vw;}
	div.c-sc-logo.c-sc-memorial { width: 100px;}

	div.c-course-title { font-size: 36px; }
	div.c-course-pretitle { font-size: 24px; margin-bottom: 10px;}
	div.c-course-date { font-size: 18px; margin-bottom: 20px;}

	div.caption-courses-1.c-french { padding: 50px 20px 0; } 

	.c-french div.c-course-title { font-size: 28px;margin-bottom: 10px; }
	.c-french div.c-course-pretitle { font-size: 14px; margin-bottom: 5px;}
	.c-french div.c-course-date { font-size: 16px; margin-bottom: 20px;}

}

@media only screen and (max-width: 760px) {
	div.c-title { font-size: 18px; margin-bottom: 10px;}
	div.c-title + div.c-title { margin-top: -10px}
	div.c-times { margin: 0 auto 10px 0; }
	div.c-time { margin: 0 auto 10px 0; }
	a.c-btn { font-size: 12px; line-height: 28px; }

	div.c-course-title { font-size: 28px;margin-bottom: 10px; }
	div.c-course-pretitle { font-size: 14px; margin-bottom: 5px;}
	div.c-course-date { font-size: 16px; margin-bottom: 20px;}

	.c-french div.c-course-title { font-size: 20px;margin-bottom: 10px; }

}


@media only screen and (max-width: 600px) {
	div.c-ba-title { font-size: 24px; }
	div.c-ba-logo.c-ba-rbc { width: 80px; }

	div.c-sc-title { font-size: 24px; margin-bottom: 10px;}
	div.c-sc-logo { margin-bottom: 20px}
	div.c-sc-logo.c-sc-lazaridis { width: 200px;}

	div.c-course-title { font-size: 20px;margin-bottom: 10px; }

}