#page {}

#page.minimal {height: 100vh;display: flex;flex-direction: column;padding: 30px 0 !important;}
#page.minimal main {margin:auto;width: 100%;}
#page.minimal main > .content { padding: 20px 20px; }

.section {}
.section.gray {background: #f2f2f2;}
.section .content {padding: 60px 20px;max-width: 1360px;margin: 0 auto;}
.section .content.full { max-width: 100%; padding: 0; }

.section .content .section-name {display:flex;margin: 0 0 20px 0;flex-wrap: wrap;align-items: center;column-gap: 20px;}
.section .content .section-name h2 {/* font-weight: 300; */flex: 1;margin: 0 auto 0 0;/* font-size: 28px; */display: flex;align-items: center;}
.section .content .section-name h2::after {content:"";background: #eee;flex: 1;height: 7px;margin: 0 0 0 20px;}
.section .content .section-name h2 strong {/* font-weight: 900; */}

@media (max-width: 767px) {
	.section .content {padding: 20px;}	
	.section .content .section-name {}
	.section .content .section-name h2 {flex: 0 1 100%;margin: 0 0 10px 0;font-size: 24px;}
}


main {display: flex;max-width: 1360px;margin: 0 auto;padding: 20px;}
main > .content {padding: 0;margin: 0 auto;flex: 1;}
main > .content.full {max-width: 100%;padding: 0 0 40px;}
main > .content .page-header { margin: 0 0 20px 0; }
main > .content .page-header h1 { margin: 0 0 5px 0; }
main > .content .page-header h2 { margin: 0; font-weight: 300; font-size: 22px; }
main > .content .page-content {}

main .content.webinar-page-content {}
main .content.webinar-page-content h1 {font-size: 29px;}

main .sidebar {flex: 0 1 25%;padding: 25px;background: #eee;border-radius: 20px;margin: 0 0 0 40px;max-width: 25%;}
main .webinar-page-content + .sidebar {padding: 0;background: none;flex: 0 1 33%;max-width: 33%;}

@media (max-width: 1024px) {
	main {flex-wrap: wrap;}
	main .content {flex: 0 1 100%;padding: 0;max-width: 100%;}
	main .sidebar {flex: 0 1 100%;max-width:100%;/* padding: 0; */margin: 30px 0 0 0;}
	main .webinar-page-content + .sidebar {max-width:100%; flex:0 1 100%;}
	main .content.mobile-last {order: 2;margin: 20px 0 0 0;}
	main .content.mobile-last + .sidebar {margin: 0;padding: 0;background: none;}
}



