@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght,YOPQ@100..900,40..300&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap');

body{
  margin:0;
  background:#0a1925 url('bg.png');
  font-family:"Montserrat", sans-serif;
  color:#b8a9a3;
}

.page{
  width:1166px;
  max-width:100%;
  margin:0 auto;

  /* header image lives here */
  background:url('header2.png') top center no-repeat;
  background-size:100% auto;

  position:relative;
}

/* TITLES */
.title1{
  position:absolute;
  top:452px;
  width:100%;
  text-align:center;
  font-family:"Kumbh Sans", sans-serif;
  font-weight:300;
  font-size:25px;
  letter-spacing:5px;
  text-transform:uppercase;
  color: #83766c;
  text-shadow:0 0 3px #0a1925, 0 0 1px #0a1925;
}

.title2{
  position:absolute;
  top:488px;
  width:100%;
  text-align:center;
  font-family:"Kumbh Sans", sans-serif;
  font-weight:200;
  font-size:50px;
  letter-spacing:18.5px;
  text-transform:uppercase;
  text-shadow:0 0 10px #0a1925, 0 0 8px #0a1925, 0 0 6px #0a1925, 0 0 4px #0a1925, 0 0 1px #0a1925;
}

/* NAV */
.nav{
  position:absolute;
  top:543px;
  width:100%;
  text-align:center;
  font-family:"Kumbh Sans", sans-serif;
  font-weight:300;
  font-size:25px;
  letter-spacing:6.5px;
  text-shadow:0 0 6px #0a1925;
}


.nav a{
  color:#a0b3c4;
  text-decoration:none;
  margin:0 12px;
}

.nav a:hover{color:#bec5cc}

/* CONTENT */
.content{
  padding-top:580px; 
  padding-left:40px;
  padding-right:40px;

  font-size:20px;
  line-height:1.6;
}

.content a{color:#6c7d8d}
.content a:hover{color:#bec5cc}

.content b,
.content strong,
.content i,
.content em{color:#cdbeb6}

/* HEADINGS */
h1,h2,h3{
  font-family:"Kumbh Sans", sans-serif;
  font-weight:300;
  text-transform:uppercase;
  background:linear-gradient(#dec8b7,#83766c);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

h1{font-size:35px}
h2{font-size:30px}
h3{font-size:25px;letter-spacing:3px}

/* FOOTER (inside content flow) */
footer{
  margin-top:40px;
  padding:50px 0;
  text-align:center;
  font-family:"Montserrat", sans-serif;
  font-weight:300;
  font-size:16px;
  color:#cdbeb6;
}

footer a{
  color:#cdbeb6;
  text-decoration:none;
}

footer a:hover{color:#6c7d8d}

/* RESPONSIVE */
@media (max-width:1166px){

.page{
  background-size:100% auto;
}

.title1,
.title2,
.nav{
  position:static;
}

.title1{
  margin-top:20px;
  text-align:center;
}

.title2{
  margin-top:10px;
  text-align:center;
}

.nav{
  margin-top:20px;
  line-height:1.6;
}

.content{
  padding-top:30px;
  padding-left:20px;
  padding-right:20px;
}

}