@font-face {
  font-family: 'Helixa';
  src:  url('../fonts/Helixa-Black.woff2') format('woff2'),
        url('../fonts/Helixa-Black.woff') format('woff');
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


body {

  background: #feba64;
  color: #FDFDFE;
  margin: 0;
  padding: 0;

}


.bg {

  position: absolute;
  top:0;
  bottom: 0;
	width: 100%;
	height: 100vh;

	background: transparent url('../imgs/cruisee-bg@2x.png') 0% 20% no-repeat  padding-box ;
  background-size: cover;
	opacity: 1;

  text-align: center;
}



.container {

  /**** Desktop Positioning ****/
  width:250px;
  margin: 218px auto 0 auto;


}

.logo {

  /**** Desktop Positioning ****/
  width: 82px;
  height: 88px;
  margin: 0 auto;


  /**** Image Content Desktop ****/
  background: transparent url('../imgs/cruisee-logo.svg') 0% 0% no-repeat padding-box;
  
}

.title h1 {
  

  /**** Desktop Positioning ****/
  margin: 0 auto;
  padding: 0;


  /**** Typology ****/
  font-family: 'Helixa';
  font-weight: 900;
  font-style: normal;
  font-size: 70px;
	text-align: center;
	letter-spacing: 0px;

}

.sub-title {

  
  /**** Desktop Positioning ****/
  height: 37px;
  margin-top:-7px;

  background: #EC6F2D 0% 0% no-repeat padding-box;
  border-radius: 22px;
  text-align: center;

}

.sub-title h2 {


  /**** Typology ****/
  font: normal normal 600 22px/22px Open Sans;
  letter-spacing: 0px;
  line-height: 37px;


  /**** Positiioning ****/
  padding: 0 0 2px 0;
  margin: 0;


}



@media (min-width:641px)  {
  .bg {

    background: transparent url('../imgs/cruisee-bg.png') 45% 20% no-repeat  padding-box ;
    background-size: cover;


  }
  .container {
    margin-top: 320px 
  }

}