/* desktop.css */
@media screen and (max-width: 768px) {

/*
============================================================================================================
  GLOBAL CONTENT
============================================================================================================
*/

	.dgtl-global h1 { font-size: 2rem; }
	.dgtl-global h2 { font-size: 1.5rem; }


/*
============================================================================================================
  BUTTONS
============================================================================================================
*/

/* *   
   *
   * -- > BTN
   *
   * */

.btn {
	min-width: 200px;
}

/* *   
   *
   * -- > FORWARD / BACK BUTTON
   *
   * */

.forward-button .icon { font-size: .9rem; }
.back-button .icon { font-size: .9rem; }

/*
============================================================================================================
  INPUTS
============================================================================================================
*/


/*
============================================================================================================
  ANIMATIONS
============================================================================================================
*/

/* *   
   *
   * -- > TOGGLE CONTENT
   *
   * */

.toggle-content-container .toggle-content-btn .icon {
	font-size: 1.5rem;
}

/*
============================================================================================================
  LAYOUTS
============================================================================================================
*/

/* *   
   *
   * -- > BOX
   *
   * */

.boxed {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.hboxed {
  width: 100%;
  max-width: 600px;
  margin: auto;
}

/*
============================================================================================================
  COMPONENTS
============================================================================================================
*/

/* *   
   *
   * -- > COHORTE POPUP FORM
   *
   * */




/*
============================================================================================================
  DASHBOARD
============================================================================================================
*/


/* *   
   *
   * -- > WRAPPER
   *
   * */



/* *   
   *
   * -- > TABLE
   *
   * */


/*
============================================================================================================
  SINGLE COHORTE
============================================================================================================
*/


/* *   
   *
   * -- > HEAD
   *
   * */


/* *   
   *
   * -- > BODY
   *
   * */

/* *   
   *
   * -- > TABLES
   *
   * */


/*
============================================================================================================
  SIGNUP PAGE // FINALISATION
============================================================================================================
*/

#single-signup {}
#signup-finalisation {}
	
	#single-signup > .boxed,
	#signup-finalisation > .boxed { padding: var(--rs); }

/* *   
   *
   * -- > DGTL FORM
   *
   * */

.dgtl-form section {}
	
	.dgtl-form section > * { width: 100%; padding: 0 var(--rs); }

.dgtl-form section h2 {
	padding: var(--rs);
	margin: var(--dds) 0 var(--ds);
	z-index: 10; /* pour rester au-dessus des inputs */
}

.dgtl-form section h3 { font-size: 1.5rem; }

/* *   
   *
   * -- > COUNTRY SELECT
   *
   * */




} /* END OF DESKTOP */