body {
    background-image:url("img/mv-bg.png");
    background-size:cover;
    margin:0px;
    font-family:"Raleway";
    font-size: 16pt;
}

.main {
    max-width:750px;
    min-height:100vh;
    background:#CFCCCF;
    margin:auto;
    padding:50px;
}

img.header {
    width:100vw;
    position:fixed;
    top:0;
    right:0;
    left:0;
    pointer-events: none;
}

@media(max-width:1200px) {
img.header {
    content:url("img/mathsvillageheader-shadow-cropped.png");
}
.main {
    padding-top:38vw;
}
}

@media(min-width:1200px) {
img.header {
    content:url("img/mathsvillageheader-shadow-wide.png");
}
.main {
    padding-top:20vw;
}
}

img.centred {
    width:90%;
    margin:auto;
    display:block;
}

p {
    text-indent:0px;
}

h2 {
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-size: 200%;
}
h2:nth-of-type(1) { color:#c32e3c; }
h2:nth-of-type(2) { color:#c77942; }
h2:nth-of-type(3) { color:#ca9d3e; }
h2:nth-of-type(4) { color:#5e903d; }
h2:nth-of-type(5) { color:#008dcf; }
h2:nth-of-type(6) { color:#6c2c90; }
h2:nth-of-type(7) { color:#c32e3c; }
h2:nth-of-type(8) { color:#c77942; }
h2:nth-of-type(9) { color:#ca9d3e; }
h2:nth-of-type(10) { color:#5e903d; }
h2:nth-of-type(11) { color:#008dcf; }
h2:nth-of-type(12) { color:#6c2c90; }

@font-face { 
  font-family: "Raleway";
  src: url('Raleway-Regular.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}