@media(min-width:1600px)
{
	body
	{
		background:#fff;
		margin:0;
		padding:0;
		font-family:'Sora', sans-serif;
	}

	.clear
	{
		clear:both;
	}

	header
	{
		width:1500px;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
	}

	header #logo
	{
		float:left;
		width:180px;
	}

	header #logo img
	{
		width:180px;
		height:auto;
	}

	header nav
	{
		float:right;
		padding-top:12px;
	}
	
	header nav ul
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	header nav ul li
	{
		margin:0;
		padding:0;
		float:left;
	}

	header nav ul li a
	{
		color:#000045;
		font-size:16px;
		text-decoration:none;
		padding:20px 40px;
	}
	
	header nav ul li:hover a
	{
		border-bottom:solid 10px #FF8A00;
	}
	
	header select#lang
	{
		font-family:'Sora', sans-serif;
		font-size:15px;
		padding:5px 10px;
		float:right;
		cursor:pointer;
		margin-top:5px;
		-webkit-appearance:none;
	}
	
	header #hamburger
	{
		display:none;
	}
	
	main
	{
		width:1500px;
		margin-left:auto;
		margin-right:auto;
	}
	
	main #hero
	{
		background:#000045;
	}
	
	main #hero #heroText
	{
		color:#fff;
		width:40%;
		float:left;
		padding:20px;
		box-sizing:border-box;
	}
	
	main #hero #heroText h1
	{
		font-size:32px;
		line-height:50px;
		margin:0;
	}
	
	main #hero #heroText p
	{
		font-size:14px;
		line-height:24px;
		margin-bottom:30px;
	}
	
	main #hero #heroText p a
	{
		font-size:16px;
		border:solid 1px #fff;
		border-radius:50px;
		display:inline-block;
		padding:10px 20px;
		color:#fff;
		text-decoration:none;
	}
	
	main #hero #heroText p a:hover
	{
		background:#FF8A00;
		border:solid 1px #FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	main #hero #heroImage
	{
		float:right;
		width:60%;
	}
	
	main #hero #heroImage img
	{
		width:100%;
		float:right;
		height:auto;
	}
	
	main #content
	{
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	
	main #content h2
	{
		font-size:30px;
		color:#000045;
	}
	
	main #content p
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		margin-bottom:30px;
		color:#000045;
	}
	
	main #content ul
	{
		margin:0;
		margin-bottom:30px;
		list-style-type:square;
		padding:0;
		padding-left:16px;
	}
	
	main #content ul li
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		color:#000045;
	}
	
	main #content p a
	{
		color:#000045;
	}
	
	main #content p a.cta
	{
		background:#000045;
		color:#fff;
		text-decoration:none;
		font-size:18px;
		padding:15px 50px;
		border-radius:50px;
		font-weight:bold;
	}
	
	main #content p a.cta:hover
	{
		background:#FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	#ofcomColours #colour1
	{
		width:25%;
		background:#5000F2;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour2
	{
		width:20%;
		background:#C400ED;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour2a
	{
		width:10%;
		background:#FF38D1;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour3
	{
		width:30%;
		background:#FF8A00;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour4
	{
		width:15%;
		background:#36C280;
		height:60px;
		float:left;
	}
	
	footer
	{
		width:1500px;
		margin-left:auto;
		margin-right:auto;
		background:#000045;
	}
	
	footer #footerContent
	{
		padding:20px;
	}
	
	footer #footerContent #footerSocial
	{
		float:left;
	}
	
	footer #footerContent #footerSocial p
	{
		color:#fff;
		font-size:15px;
		margin:0;
	}
	
	footer #footerContent #footerSocial p a
	{
		padding:10px;
		color:#fff;
		font-size:24px;
	}
	
	footer #footerContent #footerSocial p a:hover
	{
		background:#FF8A00;
	}
	
	footer #footerContent #footerCopyright
	{
		float:right;
	}
	
	footer #footerContent #footerCopyright p
	{
		font-size:13px;
		color:#fff;
		margin:0;
		padding-top:8px;
	}
	
	footer #footerContent #footerCopyright p a
	{
		color:#fff;
		text-decoration:none;
	}
	
	footer #footerContent #footerCopyright p a:hover
	{
		text-decoration:underline;
	}
	
	main #content .eventInfo1
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#C400ED;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	main #content .eventInfo2
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#FF8A00;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	main #content .eventInfo3
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#36C280;
		box-sizing:border-box;
		margin-bottom:30px;
	}
	
	main #content .eventInfo1 p, main #content .eventInfo2 p, main #content .eventInfo3 p
	{
		font-size:24px;
		font-weight:bold;
		text-align:center;
		margin-bottom:5px;
	}
	
	main #content .eventInfo1 p strong, main #content .eventInfo2 p strong, main #content .eventInfo3 p strong
	{
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
		display:block;
		margin-bottom:6px;
	}
}

@media(min-width:1200px) and (max-width:1600px)
{
	body
	{
		background:#fff;
		margin:0;
		padding:0;
		font-family:'Sora', sans-serif;
	}

	.clear
	{
		clear:both;
	}

	header
	{
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}

	header #logo
	{
		float:left;
		width:180px;
	}

	header #logo img
	{
		width:180px;
		height:auto;
	}

	header nav
	{
		float:right;
		padding-top:12px;
		margin-right:20px;
	}
	
	header nav ul
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	header nav ul li
	{
		margin:0;
		padding:0;
		float:left;
	}

	header nav ul li a
	{
		color:#000045;
		font-size:16px;
		text-decoration:none;
		padding:20px 40px;
	}
	
	header nav ul li:hover a
	{
		border-bottom:solid 10px #FF8A00;
	}
	
	header select#lang
	{
		font-family:'Sora', sans-serif;
		font-size:15px;
		padding:5px 10px;
		float:right;
		cursor:pointer;
		margin-top:5px;
		-webkit-appearance:none;
	}
	
	header #hamburger
	{
		display:none;
	}
	
	main
	{
		width:100%;
	}
	
	main #hero
	{
		background:#000045;
	}
	
	main #hero #heroText
	{
		color:#fff;
		width:40%;
		float:left;
		padding:20px;
		box-sizing:border-box;
	}
	
	main #hero #heroText h1
	{
		font-size:32px;
		line-height:50px;
		margin:0;
	}
	
	main #hero #heroText p
	{
		font-size:14px;
		line-height:24px;
		margin-bottom:30px;
	}
	
	main #hero #heroText p a
	{
		font-size:16px;
		border:solid 1px #fff;
		border-radius:50px;
		display:inline-block;
		padding:10px 20px;
		color:#fff;
		text-decoration:none;
	}
	
	main #hero #heroText p a:hover
	{
		background:#FF8A00;
		border:solid 1px #FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	main #hero #heroImage
	{
		float:right;
		width:60%;
		overflow:hidden;
	}
	
	main #hero #heroImage img
	{
		width:auto;
		float:right;
		height:100%;
	}
	
	main #content
	{
		width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	
	main #content h2
	{
		font-size:30px;
		color:#000045;
	}
	
	main #content p
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		margin-bottom:30px;
		color:#000045;
	}
	
	main #content ul
	{
		margin:0;
		margin-bottom:30px;
		list-style-type:square;
		padding:0;
		padding-left:16px;
	}
	
	main #content ul li
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		color:#000045;
	}
	
	main #content p a
	{
		color:#000045;
	}
	
	main #content p a.cta
	{
		background:#000045;
		color:#fff;
		text-decoration:none;
		font-size:18px;
		padding:15px 50px;
		border-radius:50px;
		font-weight:bold;
	}
	
	main #content p a.cta:hover
	{
		background:#FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	#ofcomColours #colour1
	{
		width:25%;
		background:#5000F2;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour2
	{
		width:20%;
		background:#C400ED;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour2a
	{
		width:10%;
		background:#FF38D1;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour3
	{
		width:30%;
		background:#FF8A00;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour4
	{
		width:15%;
		background:#36C280;
		height:60px;
		float:left;
	}
	
	footer
	{
		width:100%;
		background:#000045;
	}
	
	footer #footerContent
	{
		padding:20px;
	}
	
	footer #footerContent #footerSocial
	{
		float:left;
	}
	
	footer #footerContent #footerSocial p
	{
		color:#fff;
		font-size:15px;
		margin:0;
	}
	
	footer #footerContent #footerSocial p a
	{
		padding:10px;
		color:#fff;
		font-size:24px;
	}
	
	footer #footerContent #footerSocial p a:hover
	{
		background:#FF8A00;
	}
	
	footer #footerContent #footerCopyright
	{
		float:right;
	}
	
	footer #footerContent #footerCopyright p
	{
		font-size:13px;
		color:#fff;
		margin:0;
		padding-top:8px;
	}
	
	footer #footerContent #footerCopyright p a
	{
		color:#fff;
		text-decoration:none;
	}
	
	footer #footerContent #footerCopyright p a:hover
	{
		text-decoration:underline;
	}
	
	main #content .eventInfo1
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#C400ED;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	main #content .eventInfo2
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#FF8A00;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	main #content .eventInfo3
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#36C280;
		box-sizing:border-box;
		margin-bottom:30px;
	}
	
	main #content .eventInfo1 p, main #content .eventInfo2 p, main #content .eventInfo3 p
	{
		font-size:24px;
		font-weight:bold;
		text-align:center;
		margin-bottom:5px;
	}
	
	main #content .eventInfo1 p strong, main #content .eventInfo2 p strong, main #content .eventInfo3 p strong
	{
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
		display:block;
		margin-bottom:6px;
	}
}

@media(min-width:920px) and (max-width:1250px)
{
	body
	{
		background:#fff;
		margin:0;
		padding:0;
		font-family:'Sora', sans-serif;
	}

	.clear
	{
		clear:both;
	}

	header
	{
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}

	header #logo
	{
		float:left;
		width:180px;
	}

	header #logo img
	{
		width:180px;
		height:auto;
	}

	header nav
	{
		float:right;
		padding-top:12px;
		margin-right:20px;
	}
	
	header nav ul
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	header nav ul li
	{
		margin:0;
		padding:0;
		float:left;
	}

	header nav ul li a
	{
		color:#000045;
		font-size:16px;
		text-decoration:none;
		padding:20px 40px;
	}
	
	header nav ul li:hover a
	{
		border-bottom:solid 10px #FF8A00;
	}
	
	header select#lang
	{
		font-family:'Sora', sans-serif;
		font-size:15px;
		padding:5px 10px;
		float:right;
		cursor:pointer;
		margin-top:5px;
		-webkit-appearance:none;
	}
	
	header #hamburger
	{
		display:none;
	}
	
	main
	{
		width:100%;
	}
	
	main #hero
	{
		background:#000045;
	}
	
	main #hero #heroText
	{
		color:#fff;
		width:40%;
		float:left;
		padding:20px;
		box-sizing:border-box;
	}
	
	main #hero #heroText h1
	{
		font-size:28px;
		line-height:36px;
		margin:0;
	}
	
	main #hero #heroText p
	{
		font-size:14px;
		line-height:24px;
		margin-bottom:30px;
	}
	
	main #hero #heroText p a
	{
		font-size:16px;
		border:solid 1px #fff;
		border-radius:50px;
		display:inline-block;
		padding:10px 20px;
		color:#fff;
		text-decoration:none;
	}
	
	main #hero #heroText p a:hover
	{
		background:#FF8A00;
		border:solid 1px #FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	main #hero #heroImage
	{
		float:right;
		width:60%;
		overflow:hidden;
	}
	
	main #hero #heroImage img
	{
		width:auto;
		float:left;
		height:100%;
		margin-left:-100px;
	}
	
	main #content
	{
		padding-left:20px;
		padding-right:20px;
		box-sizing:border-box;
	}
	
	main #content h2
	{
		font-size:30px;
		color:#000045;
	}
	
	main #content p
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		margin-bottom:30px;
		color:#000045;
	}
	
	main #content ul
	{
		margin:0;
		margin-bottom:30px;
		list-style-type:square;
		padding:0;
		padding-left:16px;
	}
	
	main #content ul li
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		color:#000045;
	}
	
	main #content p a
	{
		color:#000045;
	}
	
	main #content p a.cta
	{
		background:#000045;
		color:#fff;
		text-decoration:none;
		font-size:18px;
		padding:15px 50px;
		border-radius:50px;
		font-weight:bold;
	}
	
	main #content p a.cta:hover
	{
		background:#FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	#ofcomColours #colour1
	{
		width:25%;
		background:#5000F2;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour2
	{
		width:20%;
		background:#C400ED;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour2a
	{
		width:10%;
		background:#FF38D1;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour3
	{
		width:30%;
		background:#FF8A00;
		height:60px;
		float:left;
	}
	
	#ofcomColours #colour4
	{
		width:15%;
		background:#36C280;
		height:60px;
		float:left;
	}
	
	footer
	{
		width:100%;
		background:#000045;
	}
	
	footer #footerContent
	{
		padding:20px;
	}
	
	footer #footerContent #footerSocial
	{
		float:left;
	}
	
	footer #footerContent #footerSocial p
	{
		color:#fff;
		font-size:15px;
		margin:0;
	}
	
	footer #footerContent #footerSocial p a
	{
		padding:10px;
		color:#fff;
		font-size:24px;
	}
	
	footer #footerContent #footerSocial p a:hover
	{
		background:#FF8A00;
	}
	
	footer #footerContent #footerCopyright
	{
		float:right;
	}
	
	footer #footerContent #footerCopyright p
	{
		font-size:13px;
		color:#fff;
		margin:0;
		padding-top:8px;
	}
	
	footer #footerContent #footerCopyright p a
	{
		color:#fff;
		text-decoration:none;
	}
	
	footer #footerContent #footerCopyright p a:hover
	{
		text-decoration:underline;
	}
	
	main #content .eventInfo1
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#C400ED;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	main #content .eventInfo2
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#FF8A00;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
	main #content .eventInfo3
	{
		width:calc(100% / 3);
		padding:10px;
		float:left;
		background:#36C280;
		box-sizing:border-box;
		margin-bottom:30px;
	}
	
	main #content .eventInfo1 p, main #content .eventInfo2 p, main #content .eventInfo3 p
	{
		font-size:24px;
		font-weight:bold;
		text-align:center;
		margin-bottom:5px;
	}
	
	main #content .eventInfo1 p strong, main #content .eventInfo2 p strong, main #content .eventInfo3 p strong
	{
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
		display:block;
		margin-bottom:6px;
	}
}

@media(max-width:920px)
{
	body
	{
		background:#fff;
		margin:0;
		padding:0;
		font-family:'Sora', sans-serif;
	}

	.clear
	{
		clear:both;
	}

	header
	{
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}

	header #logo
	{
		float:left;
		width:120px;
		margin-top:10px;
	}

	header #logo img
	{
		width:120px;
		height:auto;
	}

	header nav
	{
		position:fixed;
		top:80px;
		background:#000;
		left:0;
		width:100%;
		display:none;
		height:calc(100vh - 80px);
	}
	
	header nav ul
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	header nav ul li
	{
		margin:0;
		padding:0;
	}

	header nav ul li a
	{
		color:#fff;
		font-size:24px;
		text-decoration:none;
		padding-top:40px;
		padding-bottom:40px;
		text-align:center;
		border-bottom:solid 3px #FF8A00;
		display:block;
	}
	
	header select#lang
	{
		font-family:'Sora', sans-serif;
		font-size:15px;
		padding:5px 10px;
		float:right;
		cursor:pointer;
		margin-top:5px;
		-webkit-appearance:none;
	}
	
	header #hamburger
	{
		display:block;
		float:right;
		margin-left:20px;
		font-size:24px;
		margin-top:5px;
		cursor:pointer;
	}
	
	main
	{
		width:100%;
	}
	
	main #hero
	{
		background:#000045;
	}
	
	main #hero #heroText
	{
		color:#fff;
		width:100%;
		padding:20px;
		box-sizing:border-box;
	}
	
	main #hero #heroText h1
	{
		font-size:30px;
		line-height:40px;
		margin:0;
	}
	
	main #hero #heroText p
	{
		font-size:14px;
		line-height:24px;
		margin-bottom:30px;
	}
	
	main #hero #heroText p a
	{
		font-size:16px;
		border:solid 1px #fff;
		border-radius:50px;
		display:inline-block;
		padding:10px 20px;
		color:#fff;
		text-decoration:none;
	}
	
	main #hero #heroText p a:hover
	{
		background:#FF8A00;
		border:solid 1px #FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	main #hero #heroImage
	{
		width:100%;
		overflow:hidden;
	}
	
	main #hero #heroImage img
	{
		width:100%;
		height:auto;
		float:left;
	}
	
	main #content
	{
		padding-left:20px;
		padding-right:20px;
	}
	
	main #content h2
	{
		font-size:30px;
		color:#000045;
	}
	
	main #content p
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		margin-bottom:30px;
		color:#000045;
	}
	
	main #content ul
	{
		margin:0;
		margin-bottom:30px;
		list-style-type:square;
		padding:0;
		padding-left:16px;
	}
	
	main #content ul li
	{
		font-size:14px;
		line-height:26px;
		margin:0;
		color:#000045;
	}
	
	main #content p a
	{
		color:#000045;
	}
	
	main #content p a.cta
	{
		background:#000045;
		color:#fff;
		text-decoration:none;
		font-size:18px;
		padding:15px 50px;
		border-radius:50px;
		font-weight:bold;
	}
	
	main #content p a.cta:hover
	{
		background:#FF8A00;
		color:#000045;
		text-decoration:underline;
	}
	
	#ofcomColours #colour1
	{
		width:25%;
		background:#5000F2;
		height:30px;
		float:left;
	}
	
	#ofcomColours #colour2
	{
		width:20%;
		background:#C400ED;
		height:30px;
		float:left;
	}
	
	#ofcomColours #colour2a
	{
		width:10%;
		background:#FF38D1;
		height:30px;
		float:left;
	}
	
	#ofcomColours #colour3
	{
		width:30%;
		background:#FF8A00;
		height:30px;
		float:left;
	}
	
	#ofcomColours #colour4
	{
		width:15%;
		background:#36C280;
		height:30px;
		float:left;
	}
	
	footer
	{
		width:100%;
		background:#000045;
	}
	
	footer #footerContent
	{
		padding:10px;
	}
	
	footer #footerContent #footerSocial p
	{
		color:#fff;
		font-size:15px;
		margin:0;
		text-align:center;
	}
	
	footer #footerContent #footerSocial p a
	{
		padding:5px;
		color:#fff;
		font-size:24px;
	}
	
	footer #footerContent #footerSocial p a:hover
	{
		background:#FF8A00;
	}
	
	footer #footerContent #footerCopyright p
	{
		font-size:13px;
		color:#fff;
		margin:0;
		padding-top:8px;
		text-align:center;
	}
	
	footer #footerContent #footerCopyright p a
	{
		color:#fff;
		text-decoration:none;
	}
	
	footer #footerContent #footerCopyright p a:hover
	{
		text-decoration:underline;
	}
	
	main #content .eventInfo1
	{
		width:100%;
		padding:10px;
		float:left;
		background:#C400ED;
		box-sizing:border-box;
		margin-bottom:2px;
	}
	
	main #content .eventInfo2
	{
		width:100%;
		padding:10px;
		float:left;
		background:#FF8A00;
		box-sizing:border-box;
		margin-bottom:2px;
	}
	
	main #content .eventInfo3
	{
		width:100%;
		padding:10px;
		float:left;
		background:#36C280;
		box-sizing:border-box;
		margin-bottom:30px;
	}
	
	main #content .eventInfo1 p, main #content .eventInfo2 p, main #content .eventInfo3 p
	{
		font-size:24px;
		font-weight:bold;
		text-align:center;
		margin-bottom:5px;
	}
	
	main #content .eventInfo1 p strong, main #content .eventInfo2 p strong, main #content .eventInfo3 p strong
	{
		font-size:14px;
		font-weight:normal;
		text-transform:uppercase;
		display:block;
		margin-bottom:6px;
	}
}

.wrapper
{
	border:solid 1px #5000F2;
	margin-bottom:20px;
	background:#eee;
	transition:background 0.3s ease-in-out;
}

.wrapper .dropdownTitle
{
	cursor:pointer;
}

.wrapper .dropdownTitle:hover
{
	background:#C400ED;
	color:#fff;
}

.wrapper .dropdownTitle h3
{
	margin:0;
}

.wrapper .dropdownTitle .titleTime
{
	width:130px;
	float:left;
	background:#5000F2;
	color:#fff;
	padding:20px;
	text-align:center;
}

.wrapper .dropdownTitle .titleName
{
	width:calc(100% - 180px);
	float:right;
	text-align:left;
	padding:5px;
	box-sizing:border-box;
}

.wrapper .dropdownContent
{
	padding:10px;
	background:#fff;
	display:none;
}

@media(min-width:1250px)
{
	.wrapper .dropdownTitle h3
	{
		padding-top:10px;
	}
}