a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
img { display: block; vertical-align: middle; }
*, *:before, *:after { box-sizing: border-box;  }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; }

:root {
	--color-bright-blue: #006fcf;
	--color-deep-blue: #00175a;
	--color-gray-01: #f7f8f9;
	--color-transparent: rgba(0, 0, 0, 0);
	--color-white: #fff;
	--font-primary-amex: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif;
	--font-secondary-amex: 'Guardian Egyptian Web',serif;
	--font-weight-default: 400;
	--font-weight-medium: 500;
}

@font-face {
	font-family: 'BentonSans';
	src: url("../../fonts/BentonSansBook.woff") format("woff");
	font-weight: 300;
}

@font-face {
	font-family:'BentonSans';
	src: url("../../fonts/BentonSansRegular.woff") format("woff");
	font-weight: 400;
}

@font-face {
	font-family: 'BentonSans';
	src: url("../../fonts/BentonSansMedium.woff") format("woff");
	font-weight: 500;
}

@font-face {
	font-family: 'BentonSans';
	src: url("../../fonts/BentonSansBold.woff") format("woff");
	font-weight: 700;
}

@font-face {
	font-family: 'Guardian Egyptian Web';
	src: url('../../fonts/GuardianEgyp-Medium-Web.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Guardian Egyptian Web';
	src: url('../../fonts/GuardianEgyp-Regular-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Guardian Egyptian Web';
	src: url('../../fonts/GuardianEgyp-Light-Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

body {
	color: var(--color-deep-blue);
	font-family: var(--font-primary-amex);
	font-size: calc(1.5rem * .625);
	font-weight: var(--font-weight-default);
	line-height: 1.3;
}

h1 {
	font-family: var(--font-secondary-amex);
	font-size: calc(5rem * .625);
	font-weight: var(--font-weight-default);
	line-height: 1;
	margin-bottom: 25px;
}

p {
	margin-bottom: 40px;
	max-width: 540px;
	width: 100%;
}

.centurion-lounge {
	align-items: center;
	display: grid;
	height: calc(90vh - 61px);
	justify-content: center;
	margin-inline: auto;
	max-width: 1600px;
	position: relative;
	width: 100%;
}

.centurion-lounge--media {
	background-image: url(../img/centurion-lounge.jpg);
	background-position: top center;
	background-size: cover;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.centurion-lounge--content {
	background-color: var(--color-white);
	margin-inline: auto;
	max-width: 800px;
	padding: clamp(40px, 3.5vw, 60px) clamp(40px, 3.5vw, 100px);
	position: relative;
	width: 100%;
	z-index: 1;
}

label {
	display: block;
	font-size: calc(1.4rem * .625);
	font-weight: var(--font-weight-medium);
	margin-bottom: 1.5em;
}

.select-css {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: var(--color-gray-01);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M14.7087 4.2914C14.3203 3.90287 13.6847 3.90287 13.2963 4.2914L8 9.58944L2.7037 4.2914C2.31529 3.90287 1.67972 3.90287 1.29131 4.2914C0.902898 4.67993 0.902898 5.3157 1.29131 5.70424L7.29384 11.7086C7.68225 12.0971 8.31776 12.0971 8.70616 11.7086L14.7087 5.70423C15.0971 5.3157 15.0971 4.67992 14.7087 4.2914Z" fill="%23006FCF"/><mask id="mask0_1114_16326" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="4" width="14" height="8"><path d="M14.7087 4.2914C14.3203 3.90287 13.6847 3.90287 13.2963 4.2914L8 9.58944L2.7037 4.2914C2.31529 3.90287 1.67972 3.90287 1.29131 4.2914C0.902898 4.67993 0.902898 5.3157 1.29131 5.70424L7.29384 11.7086C7.68225 12.0971 8.31776 12.0971 8.70616 11.7086L14.7087 5.70423C15.0971 5.3157 15.0971 4.67992 14.7087 4.2914Z" fill="white"/></mask><g mask="url(%23mask0_1114_16326)"></g></svg>');
	background-position: right .7em top 50%;
	background-repeat: no-repeat;
	background-size: 1em auto;
	border-radius: 4px;
	border: 1px solid var(--color-gray-01);
	box-shadow: none;
	box-sizing: border-box;
	color: var(--color-deep-blue);
	cursor: pointer;
	display: block;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 40px;
	max-width: 290px; 
	padding: .9em .8em;
	width: 100%;
}

.select-css::-ms-expand {
	display: none;
}

.select-css:hover {
	border-color: var(--color-bright-blue);
}

.select-css:focus {
	border-color: var(--color-white);
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: var(--color-deep-blue); 
	outline: none;
}

.select-css option {
	color: var(--color-deep-blue);
	font-weight: normal;
}

.btn {
	background: var(--color-bright-blue);
	border-radius: 4px;
	border: 1px solid var(--color-transparent);
	color: var(--color-white);
	display: block;
	flex-shrink: 0;
	font-size: calc(1.6rem * .625);
	letter-spacing: .5px;
	padding: .75em 1.5em;
	text-align: center;
	text-decoration: none;
	transition: all .125s;
}

.btn:focus,
.btn:hover {
	background-color: var(--color-white);
	border: 1px solid  var(--color-deep-blue);
	color: var(--color-deep-blue);
	cursor: pointer;
}

@media all and (max-width: 767px) {
	h1 { font-size: calc(5.5rem * .625); line-height: 55px; margin-top: -104px; }
	h1 span { display: block; }


	.centurion-lounge { height: auto; }
	.centurion-lounge--media { background-image: linear-gradient(180deg, rgba(10, 14, 27, 0) 0%, rgba(0, 0, 0, .7) 100%), url(../img/centurion-lounge.jpg); height: 225px; position: relative; }
	.centurion-lounge--content { background-color: var(--color-deep-blue); border-top: 6px solid var(--color-white); color: var(--color-white); padding: 0 40px 60px; }
}