@charset "UTF-8";
:root{
	--bgPrimary:#116ea2;
	--bgSecondary:#083880;
	--accentCol:#e95301;
	--darkbg:#162f67;
	--lightbg:#dfe0e3;
	--greyCol:#777;
	--shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.6);
}
*{margin:0; padding:0; box-sizing:border-box; text-decoration:none;list-style:none;}
html{font-size:10px; overflow-x: hidden;}
body{font-family: 'Roboto', sans-serif; font-size:1.4rem;}
img{width:100%;border:none; height:auto; display:block;}
input, select, textarea{font-family: 'Roboto', sans-serif; width:100%; resize:none; font-size:1.4rem;border:none;}
input:focus, select:focus, textarea{outline:none}
::placeholder{color:var(--greyCol)}
select:invalid{color:var(--greyCol)}
input[type=button]{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
a, a:link, a:active{text-decoration:none;}

.ytvideo{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.ytvideo iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* ul{margin:0 0 3rem;}
ul li{margin-bottom:15px; padding-left:3rem; position:relative;}
ul li:before{position:absolute; top:1px; left:0; content:'➤'; font-size:1.3rem; font-weight:500; color:var(--bgSecondary)} */

@media only screen and (min-width:1280px)
	{
		.pageContainer{width:1200px; max-width:1200px; margin:0 auto}	
	}