* {
    margin: 0;
    padding: 0;
}

a {
    font-size: 14px;
}

p {
    font-size: 14px;
}

body {
    height: 100vh;
    margin: 0;
    padding-top: 0%;
    width: 99.8%;
}

.centre {
    clear: both;
    width: 90%;
    margin: 0 auto;
    display: block;
    padding: 2% 0 0 27%;
}

.centre1 {
    width: 112%;
    height: 70vh;
    background-color: #add8e6;
    background-image: logo.png;
    margin: -3% 0 0 -6%;
    color: black;
}

.centre1 h1 {
    text-align: center;
    font-size: 55;
}

.centre1 h2 {
    font-size: 30;
    margin-top: 5%;
}

.intro {
    width: 90%;
    margin: 0 auto;
}

.intro .fivebox img {
    width: 100%;
    border-radius: 5px;
    padding-top: 10px 0 0 0;
}

.single {
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 2%;
    margin-bottom: 3%;
}

.single h3 {
    margin: 0;
    padding: 0;
}

.single p {
    margin: 0;
    padding: 0;
}

.single a {
    text-decoration: none;
}

.single h1 {
    margin: 0;
    padding: 0;
}

.single img {
    margin: 0;
    padding: 0;
    width: 50%;
}

.headline {
    border: 1px solid #1d274a;
    border-radius: 10px;
    width: 21%;
    float: left;
    margin: 0 1% 0 0;
    padding: 0 1% 1% 1%;
}

.trustee {
    border: 1px solid #1d274a;
    border-radius: 10px;
    width: 21%;
    float: left;
    margin: 1% 1% 0 0;
    padding: 0 1%;
}

.trustee img {
    margin-left: 20%;
    padding-top: 1%;
}

.trustee p {
    text-align: center;
    margin: 0;
    padding: 0;
}

.duo {
    width: 49%;
    float: left;
    display: flex;
    text-align: center;
    padding: 0;
    margin:  2% 0;
}

.duo img {
    width: 25%;
}

.spacerduo1 {
    width: 21%;
    float: left;
    margin: 0 1% 0 0;
    padding: 0 1% 1% 1%;
}

.duo1 {
    border: 1px solid #1d274a;
    border-radius: 10px;
    width: 21%;
    float: left;
    margin: 0 1% 0 0;
    padding: 0 1% 1% 1%;
}

.duo1 a img {
    width: 50%;
    margin: 1% 0 0 25%;
}

.duo1 h2 {
    clear: both;
    margin: 0 1%;
    padding: 0 8% 0 0;
    float: center;
    }

.duo1 h3{
    clear: both;
    margin: 0 1%;
    padding: 0 8% 0 0;
    float: left;
}

.duo1 p {
    clear: both;
    margin: 0 1%;
    padding: 0 8% 0 0;
    margin-bottom: 1%;
    color: #1d274a;
    float: left;
}

.spacerduo2 {
    width: 12%;
    float: left;
    margin: 0 1% 1% 0;
    padding: 0 1% 1% 1%;
}

.duo2 {
    border: 1px solid #1d274a;
    border-radius: 10px;
    width: 15%;
    float: left;
    margin: 0 1% 1% 0;
    padding: 0 1% 1% 1%;
}

.duo2 a img {
    width: 80%;
    margin: 1% 0 0 10%;
}

.duo2 h2 {
    clear: both;
    margin: 0 1%;
    padding: -2% 0;
    float: right;
}

.duo2 h3{
    clear: both;
    margin: 0 1%;
    padding: 0;
    float: right;
}

.duo2 p {
    clear: both;
    margin: 0 1%;
    padding: 0;
    float: right;
    font-size: 12px
}

.triplebox {
    text-align: center;
    width: 33%;
    display: flex;
    float: left;
    margin-bottom: 1%;
}

.triplebox a img {
    width: 95%;
    margin: 0 auto;
    border-radius: 10px;
}

.fourbox {
    width: 22%;
    margin: 0 2% 1% 1%;
    display: inline;
    float: left;
    text-align: center;
}

.fourbox a{
    text-decoration: none;
}

.fourbox img {
    width: 90%;
    height: 50%;
    border-radius: 10px;
}

.fourbox p {
    font-size: 14px;
}

.fourbox1 {
    width: 20%;
    margin: 0 0 1% 1%;
    padding-left: 2.5%;
    display: inline;
    float: left;
    text-align: center;
}

.fourbox1 img {
    width: 90%;
    height: 25%;
    border-radius: 5px;
}

.fourbox2 {
    width: 20%;
    margin: 0 0 1% 5%;
    padding-left: 2.5%;
    display: inline;
    float: left;
    text-align: center;
}

.fourbox2 img {
    width: 90%;
    height: 25%;
    border-radius: 5px;
}

.fourbox1spacer {
    width: 100%;
}

.headline h2 {
    text-align: center;
    margin: 0;
    padding: 0;
}

.fivebox {
    width: 18%;
    margin: 0 1% 2% 1%;
    float: left;
    display: inline;
    text-align: center;
}

.main .fivebox img{
    width: 95%;
    border-radius: 5px;
}

.fivebox a{
    font-size: 12px;
    text-decoration: none;
}

.main .sixbox {
    width: 14%;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-bottom: 2%;
    text-align: center;
    margin-left: .5%;
    padding: 0.5% 1%;
}

.main .sixbox img {
    width: 50%;
}

.main .two {
    width: 48%;
    float: left;
    display: block;
    margin: 0;
    padding: 0 0 3% 0;
    text-align: center;
}

.main .two h3 {
    margin: 0;
    padding: 0;
}

.main .two img {
    width: 80%;
    margin: 0 auto;
    padding: 0;
}

.main .two p {
    margin: 0;
    padding: 0;
}

.upper {
    clear: both;
    width: 90%;
    height: 25%;
    margin: 0 auto;
    padding-top: -2%;
    display: flex;
}

.upper h1 {
    text-align: center;
}

.upper1 {
    width: 90%;
    padding: 0 1%;
    margin: 0 auto;
    clear: both;
}

.upper1 h1 {
    text-align: center
}

.upper1 img {
    width: 5%;
}

.main .title {
    width: 90%;
    margin-left: 23%;
    display: flex;
}

.main .title h1 {
    text-align: center;
    width: 60%:
}

.main .title img {
    width: 10%;
    margin: 0 2%;
    border: 1px solid black;
}

.main {
    clear: both;
    width: 90%;
    height:auto;
    margin: .5% auto;
    display: block;
}

.main img {
    margin-bottom: 2%;
    border-radius: 5%;
    width: 25%;
}

.main a {
    text-decoration: none;
    width: 95%;
    margin: 0;
}

.main h1 {
    clear: both;
}

.main h2 {
    text-align: center;    
}

.main .venues .fourbox2 a img {
    width: 100%;
}

.main .venues .fourbox1 a img {
    width: 100%;
}

.main .fourbox img {
    width: 100%;

}

.main iframe {
    margin-bottom: 5%;
}

.name {
    width: 50%;
    padding: 1%;
}
 
.email {
    width: 50%;
    padding: 1%;
}

.textarea {
    width: 50%;
    height: 20vh;
    padding: 1%;
}

.submit {
    background-color: #1d274a;
    color: white;
    padding: 1%;
    border: 1px solid #1d274a;
    border-radius: 10px;
    margin-bottom: 5%;
}

.lower {
    clear: both;
    width: 90%;
    height: 25%;
    margin: 0 auto;
}

.honours {
    width: 90%;
    margin: 0 auto;
}

.honours th {
    width: 30%;
    text-align: center;
    font-weight: bold;
    background-color: #1d274a;
    color: white;
    border: 1px solid black;
    border-radius: 5px;
}

.honours td {
    width: 30%;
    text-align: center;
    background-color: white;
    color: #1d274a;
    border: 1px solid #1d274a;
    border-radius: 5px;
}

.players {
    width: 90%;
    margin: 0 auto;
}

.players th {
    width: 20%;
    text-align: center;
    font-weight: bold;
    background-color: #1d274a;
    color: white;
    border: 1px solid black;
    border-radius: 5px;
}

.players td {
    width: 20%;
    text-align: center;
    background-color: white;
    color: #1d274a;
    border: 1px solid #1d274a;
    border-radius: 5px;
}