/*33 Sqn site */

* {
	font-family: Arial;
}

.background {
	background-color: #7BC2D1;
	height: 100%;
	/*background: linear-gradient(#6666ff, #7BC2D1);*/  /*Needs to be last*/
}

.banner{
	display: block;
	margin: 0 auto;
}

.wrapper{
	margin: 0 Auto;
	display: table;
	width: 80%;
	background-color: #7BC2D1;
}

.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.column{
	display: table-cell;
	width: 34%;
	background-color: rgba(255,255,255,0.95);
	font-family: Arial;
	font-size: 12pt;
	padding: 10px 0px;
	border-collapse: collapse;
    border-spacing: 15px;
	border-width: 20px; 
	border-style: solid;
	border-color: #7BC2D1;
}

/* If the browser window is smaller than 600px, make the columns stack on top of each other */
@media only screen and (max-width: 600px) {
    .column{ 
        display: block;
        width: 100%;
    }
}

.redbanner{
	clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	color: white;
	background-image: url("../pictures/graphics/33coloursbanner45px.png");
	/* background-color: #7BC2D1; */
	width: 200px;
	padding: 10px 10px;
	font-weight: bold;
	font-size: 16pt;
}
	
.blackbanner{
	clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	color: white;
	background-color: black;
	width: 450px;
	padding: 10px 10px;
	font-weight: bold;
	font-size: 16pt;
}

.redbannerlong{
	clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	color: white;
	background-image: url("../pictures/graphics/33coloursbanner45px.png");
	/* background-color: #7BC2D1; */
	width: 500px;
	padding: 10px 10px;
	font-weight: bold;
	font-size: 16pt;
}

.loyalpic{	
    display: inline-block;
	margin: 10px Auto;
    /*margin-left: auto;
    margin-right: auto; */
}

.redbanner650long{
	clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
	color: white;
	background-image: url("../pictures/graphics/33coloursbanner45px.png");
	/* background-color: #7BC2D1; */
	width: 650px;
	padding: 10px 10px;
	font-weight: bold;
	font-size: 16pt;
}

#paulphot{
	float: left;
	margin: 0 10px 0px 20px;
	width: 30%;
}

.bannerpic{
    display: block;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid black;
	box-shadow: 2px 8px 20px 0px rgba(0,0,0,1); */
}

.oldnews{
	text-align: center;
	margin: 30px;
}

.newstext{
	margin: 0 20px;
	
}

.smallpic{	
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
	width: 30%;
}