@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
    }
}