:root {
  --pg1fontsize: 42;
}

@font-face {
    font-family: "CorpAReg";
    src: url("/fonts/Corporate-A-Pro/CorporateAPro-Regular.woff");
}

@font-face {
    font-family: "CorpALig";
    src: url("/fonts/Corporate-A-Pro/CorporateAPro-Light.woff");
}

@font-face {
    font-family: "CorpALigIta";
    src: url("/fonts/Corporate-A-Pro/CorporateAPro-LightItalic.woff");
}

@font-face {
    font-family: "CorpAIta";
    src: url("/fonts/Corporate-A-Pro/CorporateAPro-RegularItalic.woff");
}


@font-face {
    font-family: "ProxNovaAExBld";
    src: url("/fonts/Proxima-Nova-Alt/ProximaNovaA-Extrabld.woff");
}

@font-face {
    font-family: "ProxNovaBld";
    src: url("/fonts/Proxima-Nova/ProximaNova-Bold.woff");
}


@font-face {
    font-family: "ProxNovaAReg";
    src: url("/fonts/Proxima-Nova-Alt/ProximaNovaA-Regular.woff");
}


@font-face {
    font-family: "ProxNovaALig";
    src: url("/fonts/Proxima-Nova-Alt/ProximaNovaA-Light.woff");
}


  html, 
body {
	height: 100%;
	width: 100%;
	background-color: #000926;
	//background-color: 	#101936;
	padding:0px;
	margin:0px;
	color:#FDFDFD;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
	font-family: "CorpALig", sans-serif;
	font-weight: 100;
	font-style: normal;
			}
			
.Corp-A-Italic {
	font-family: "CorpAIta", sans-serif;
	//font-weight: 200;
	font-style: normal;
	//color:blue;
}

.Corp-A-Light-Italic {
	font-family: "CorpALigIta", sans-serif;
	//font-weight: 200;
	font-style: normal;
	//color:red;
}

.page-wrapper {
	position:relative;
	height: 100%;
	width: 100%;
	text-align:center;
}

.top-wrapper {
	height:300px;
//	background-color:black; 
//	background-image:url('https://pilgrimprivate.demosite.com.au/images/UpperGlow.png');
	background-image:url('https://pilgrimprivate.demosite.com.au/images/PP_Backgrounds_Top-Halo-cropped-60-Opacity.png');
	background-repeat: no-repeat;
	background-position  :center;
	background-size: 80% 300px;
	//opacity:0.6;
	//background-size: contain;
  }

.top-wrapper-exec {
	height:300px;
}

.bottom-wrapper {
	display: flex;
  justify-content: center;
}

.bottom-logo-wrapper {
 display: flex;
  justify-content: center;
}

.centred-text-wrapper {
	//background-color:gray;
	align-items: center; 
	//justify-content: center; 
	text-align: center; 
	height: 30vh;
	font-size:42px;
	display:block;
	position:relative;
	top:0px;
	padding-left:15%;
	padding-right:15%;
	z-index:10;
}


.exec-text {
	//height:100px;
	text-align: bottom; 
	font-size:36px;
	// display:block;
	//position:absolute;
	//bottom:0px;
	// top:0px;
	vertical-align:middle;
	padding-top:30px;
	padding-left:10%;
	padding-right:10%;
}


.page2-text {
	font-size:36px;
  line-height: 2;
  //margin-top:-80px;
  display:block;
  position:relative;
  top:-130px;
  	//background-color:gray;
}

.bottom-wrapper img {
 //	padding-top:50px;
 width: 70%;
 height: 100px;
  margin: auto;
  display: block;
position: absolute;
	bottom:0px;
	//opacity:0.8;
}

.bottom-logo-wrapper img {
 	padding-top:50px;
  margin: auto;
  display: block;
position: absolute;
	bottom:100px;
}

.logo {
	display: block;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;
  }


.hamburger {
    display: absolute;
    right: 50px;
    position: absolute;
    top: 50px;
    width: 40px;
}

.cross {
    right: 50px;
    position: absolute;
    top: 50px;
    width: 20px;
    height: 20px;
}

.boldsans {
	font-family: "ProxNovaAExBld", sans-serif;
	//font-weight: 400;
	font-style: normal;
}

.regularsans {
	font-family: "ProxNovaALig", sans-serif;
	//font-weight: 200;
	font-style: normal;
}

.uppercase {
		text-transform: uppercase;
}

.table-2-columns{
	display:block;
	position:absolute;
	text-align: center; 
	align-items:center;
	line-height: 2;
	top:-20px;
	left:15%;
	right:15%;
	font-size:36px;
}

.size36 {
font-size:36px;
//color:red;
}

.size28 {
font-size:28px;
//color:red;
line-height:29px;
	letter-spacing:0.3px;
}

.size22 {
font-size:22px;
line-height:1.6;
//color:red;
line-height:50px;
	letter-spacing:0.22px;
}

.p1 {
font-size:18px;
	font-family: "ProxNovaALig", sans-serif;
	//font-weight: 200;
	font-style: normal;
	margin-bottom:8px;
	line-height:30px;
	letter-spacing:0.18px;
//color:red;
}

.lineheight2 {
	line-height:2;
}


a:link {
  color: white;
  text-decoration: none;
  }

/* visited link */
a:visited {
  color: white;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: white;
  text-decoration: none;
}

/* selected link */
a:active {
  color: white;  
  text-decoration: none;
}

.section-wrapper{
    background-color: white;
 
 	//height: 2500px;
	width: 100vw;


}

.left-image-right-content {
    background-color: rgba(15,110,174,0.1);
    padding: 2em 0;
    color:#00234F;
    text-align:left;
    left:300px;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding-bottom: 10px;
}

.tdLeftGap {
}
.tdImage {
	width:262px;
	vertical-align:top;
}

.tdImageTextGap {
	width:50px;
	//background-color:red;
}

.tdText {
	width:50%;
	vertical-align:top;
}

.tdRightGap {
}
/* 
.left-image-right-content .col__left {
    margin-right: 2.5rem;
    width: calc(21.8% - 25px);
}
.left-image-right-content .col__right {
    width: calc(78.2% - 25px);
}
.left-image-right-content .col__right h3 {
    font-weight: normal;
    line-height: 1.333;
}
.left-image-right-content .col__right h3 strong {
    font-weight: bold;
}
.left-image-right-content .row {
    border-bottom: 0.05rem solid #958148;
    padding-bottom: 3.5rem;
    padding-top: 3.2rem;
}
.left-image-right-content .row:first-child {
    padding-top: 0;
}
.left-image-right-content .row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
 */
/* 
.ease {
    //opacity: 0;
    position: relative;
    top: 3rem;
    transition: opacity 1.2s ease, top 1.2s ease;
}
.ease.show {
    opacity: 1;
    top: 0rem;
}
 */
 
@media screen and (max-width: 950px) {
  .page1-text {

//	font-size:calc(85% * var(--pg1fontsize))px;
//	color:red;
	font-size:36px;
/* 
	color:red;
 	padding-left:25%;
	padding-right:25%;
 */
 }
 
 .table-2-columns{
 	font-size:32px;
 }
 .size28 {
 	font-size:24px;
 }
 .size22 {
 	font-size:18px;
 }
 .p1 {
 	font-size:14px;
 }
td .tdImage{ // the column width
	width:240px;
}

 .tdImage img{  // the image width
	width:240px;
}

.tdImageTextGap {
	width:20px;
}

}

@media screen and (max-width: 850px) {
  .table-2-columns{
 	font-size:28px;
 }
}

@media screen and (max-width: 750px) {
  .page1-text {
	font-size:32px;
 }
 
 .table-2-columns{
 font-size:22px;
 }
 .size28 {
 	font-size:20px;
 }
 .size22 {
 	font-size:16px;
 }
 .p1 {
 	font-size:12px;
 }

 }
 .tdImage img{
	width:220px;
}

.tdImageTextGap {
	width:10px;
}
}

@media screen and (max-width: 540px) {
  .page1-text {
	font-size:28px;
/* 
	color:red;
 	padding-left:25%;
	padding-right:25%;
 */
 }
}

@media screen and (min-width: 951px) {
  .page1-text {
	padding-left:20%;
	padding-right:20%;
  }
 .size28 {
 	font-size:28px;
 }
 .size22 {
 	font-size:22px;
 }
 .p1 {
 	font-size:18px;
 }
 .tdImage img{
	width:262px;
}

.tdImageTextGap {
	width:50px;
}
}

@media screen and (min-width: 1400px) {
  .page1-text {
	padding-left:20%;
	padding-right:20%;
  }
}

@media screen and (min-width: 1800px) {
  .page1-text {
	padding-left:25%;
	padding-right:25%;
  }
}

@media screen and (max-height: 900px) {
	.page1-text{
	top:-50px;
	}
  .page2-text {
	font-size:32px;
	top:-150px;
  }
}

@media screen and (max-height: 1099px) {
	.page1-text{
	top:50px;
	}
}

@media screen and (max-height: 900px) {
	.bottom-logo-wrapper img {
		width:80px;
	}
	.page1-text{
		top:-90px;
	}
	.page2-text {
		font-size:32px;
	}
}

@media screen and (max-height: 800px) {
	.bottom-logo-wrapper img {
		width:70px;
	}
	.page1-text{
		top:-120px;
	}
	.table-2-columns{
	top:-150px;
	}
	.page2-text {
		font-size:28px;
	}
}

@media screen and (max-height: 700px) {
	.bottom-logo-wrapper img {
		width:50px;
	}
}

@media screen and (min-height: 1000px) {
	.page1-text{
	top:50px;
	}
	.page2-text{
	top:-20px;
	}
}
@media screen and (min-height: 1100px) {
	.page1-text{
	top:80px;
	}
}