/* Page Styles */
/* Assuming mobile device with a screen under 480px first */

:root
{
  --brown: #63270A;
  --dark-red: #B12B1A;
  --red: #FF3625;
  --coral: #FF7360;
  --pink: #FF8E91;
  --cream: #FFC89F;
  --pale-yellow: #FFE372;
  --yellow: #FFC833;
  --apricot: #FF9948;
  --light-brown: #F4780A;
  --brown: #BD531F;

  --dark-olive: #4D4615;
  --olive: #81741D;
  --light-olive: #B6A327;
  --pale-green: #ACF28D;
  --lime: #3FEA37;
  --light-green: #28C11F;
  --green: #15880F;
  --dark-green: #0D5014;

  --dark-aqua: #06AC82;
  --aqua: #6FD5BB;
  --pale-blue: #A8F6FF;
  --lighter-blue: #72D5E9;
  --light-blue: #41B9D1;
  --blue: #117093;
  --dark-blue: #2C5176;
  --navy: #0D3153;

  --dark-purple: #544087;
  --purple: #8367C9;
  --light-purple: #B9A8E5;
  --light-pink: #ECAAE7;
  --pink: #E075D7;
  --dark-pink: #AE4EA5;

  --black: #000000;
  --dark-gray: #393D3F;
  --gray: #505559;
  --light-gray: #737980;
  --lighter-gray: #959EA6;
  --pale-gray: #BDC3C7;
  --white: #ffffff;
}

*
{
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
}

body
{
	margin: 0;
	padding: 1.5em 1.5em;
	
	
}

header
{
	padding-bottom: 0;
}


/* Footer */

p.signature
{
	text-indent: -99999px;
	color: transparent;
	height: 2em;
	margin-top: 2em;
	
	background: var(--text);
	mask: url('/images/signature.png') right top no-repeat;
	mask-size: contain;
}


/* Large mobile devices */
@media only screen and (min-width: 481px)
{

} 

/* Tablets */
@media only screen and (min-width: 768px)
{

}

/* Desktop */
@media only screen and (min-width: 1024px)
{
	
}