/*General structure*/
html {
	color: #F5F5F5;
	box-sizing: border-box;
	position: static;
  scroll-behavior:smooth;
}

*{
	margin:0;
	padding:0;
	font-display: swap;
}

*,*:before, *:after {
	box-sizing: inherit;
}


body {
	margin: 0;
	font-family:  Manrope;
	background-color:#171a23;
}


.navi {
	text-align: center;
	background-color: #2e3038;
	margin: auto;
	width: 100%;
	vertical-align:bottom;
	position: sticky;
	top:0;
  z-index: 1;
}



.navi nav{
	color: #F6ECF9;
	font-size: 16px;
	text-decoration:none;
	display: inline-block;
	width:20%;
}

nav a{
  color: inherit;
	font-size: 16px;
	text-decoration:none;
	display: inline-block;
	width:20%;
}

.banner{
  width: 100%;
  height: 100vh;
  text-align: center;
  margin: auto;
  padding: 0;
  display:block;
}

.page .banner:nth-child(even) {
    background: #FFF5FA;
    color:#171a23;
}



.half-display{
  display:flex;
}

.half-display > div
{
  flex:1;
  height:100vh;
}

.title{
  background: #FFF5FA;
  color: #F5F5F5;
  background-color:#171a23;
  padding-top:10%;
}

.content{
  background: #FFF5FA;
  color:#171a23;
  padding-top:10%;
}

.content:nth-child(1)
{
  padding-top:10%;
}

.content > nav{
  display: block;
  width:100%;
}

.content > nav > a{
  align-content:center;
  text-decoration:none;
  font-size: 36px;
  padding-top: 35px;
}
.footer{
  text-align:center;
}
h1{
  font-size: 96px;
  margin:auto;
  padding-top:30vh;
}

h2{
    font-size:64px;
}

p{
  margin:auto;
  padding-left:10%;
  padding-right:10%;
  position:relative;
}
.content > p{
  padding-top:5%;
}


a:visited{

	color:inherit;
}

a:hover{
	color: #FF0047;
	transition: .2s;
}


/*Media Queries*/

/*desktop*/
@media screen and (min-width: 760px){


}

/*phone Screen*/
@media screen and (max-width: 760px){


  .half-display{
    display:inline;
  }

  .half-display > div
  {

  }

  .title{
    height: 20vh !important;
    padding-top:0%;
  }

  .content{
    height: 80vh !important;
    padding-top:0%;
		border-top: 1px solid #171a23;
  }
  .content > nav > a{
    font-size: 24px;
    padding-top: 10px;
  }

  h1{
  font-size: 64px;
  }
}


/* Fonts*/
@font-face {
    font-family: 'Pricedown Bl';
    src: url('../fonts/PricedownBl-Regular.woff2') format('woff2'),
        url('../fonts/PricedownBl-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('../fonts/Manrope-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}