body{
		margin:0 auto;
		padding: 0;
		
		font-family: 'Nunito Sans',sans-serif;

		
	}
	content{
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		padding-top:90px;
	}

	h1{
		font-family: 'Clash Display'; sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 46.7244px;
		line-height: 96%;
		/* identical to box height, or 45px */

		letter-spacing: 0.01em;

		/* Skipper Gradient */

		background: linear-gradient(86.12deg, #E65865 0.64%, #D11C9E 82.63%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
	}


	.textContainer{
		font-weight:300;
	}
	
	content p{
		font-family: 'Nunito Sans',sans-serif;
		font-style: normal;

		font-size: 14px;
		line-height: 20px;
	/* or 146% */

	}





	#HelloSection{
		position: relative;
		background-image: url('m_s1.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: cover;

		padding-top: 395px;
		padding-bottom: 40px;

		
	}

	#HelloSection .textContainer{
		padding-top: 5px;
		padding-bottom: 36px;
		padding-left: 40px;

		color: white;
		background-image: url('m_quote.svg');	
		background-repeat: no-repeat;
		background-size: contain;
		width:80%;
			
		height: contain;
				
	}
	#HelloSection .textContainer h1{
		font-size: 46.7244px;
		line-height: 96%;
		/* identical to box height, or 45px */

		letter-spacing: 0.01em;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#HelloSection .textContainer p{

		
		font-size: 14px;
		line-height: 20px;
		font-weight:300;
		max-width: 250px;
	}

	.ExplorePrograms{
	
		position: relative;
		display: flex;
		align-items: center;

		flex-direction: row;
		flex-wrap: nowrap;
	}

	.ExplorePrograms p{

		font-size: 12px;
		line-height: 16px;
		display: inline-block;
		letter-spacing: 0.15em;
		
	}

	.ExplorePrograms button{
		
		padding: 0;
		border-width: 0px;
		margin-left: 15px;
		display: inline-block;
		background-color: #121212; 

	}
	
	
	.ExplorePrograms button img{
		position: relative;
		margin: 0;
		width: 32px;
		height: 21px;

	}
	#skipperSection{
		position: relative;
		background-image: url('m_s2.png');
		background-size: cover;
		background-repeat: no-repeat;
		height: 770px;
		
	}
	#skipperSection .textContainer{
		position: absolute;
	  	bottom: 0;
	  	right:0;
	  	background-image: url('m_quote2.svg');
	  	width: 70%;
	  	background-repeat: no-repeat;
		background-size: cover;	
	  	padding:2rem 1rem 2.5rem 4rem;
	  	margin-bottom: 4rem;

	  
	}
	#skipperSection .textContainer h1{
		
		font-style: normal;
		font-weight: 600;
		font-size: 31px;
		line-height: 33px;
		/* identical to box height, or 107% */

		letter-spacing: 0.02em;
		margin-bottom:0;

	}
	#skipperSection .textContainer p{
		margin-top:0.5rem;
		font-family: 'Nunito Sans',sans-serif;
		color:white;
			font-weight:300;
		font-size: 14px;
		line-height: 20px;
	}
	#myStory{
		background-image: url('m_s3.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: auto;
		padding-top: 32.5rem;
		padding-bottom:3rem;
		
	}
	#myStory .textContainer{
		background-image: url('m_abtMe_s3_text_bkg.svg');
		background-repeat: no-repeat;
		background-size: 100%;
		width: 90%;
		height: cover;

		font-style: normal;

		
		text-align: left;

		padding-top: 16px;
		padding-bottom:42px;
		padding-left:9%;
		
	}
	#myStory .textContainer h1{
		font-size: 31px;
		line-height: 33px;
		/* identical to box height, or 103% */
		width: contain;
		letter-spacing: 0.02em;
		margin-bottom:0;
		padding-bottom: 0;
	}
	#myStory .textContainer p{
		margin-top:7px;
		padding-top: 0;
		width: 269px;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		color:white;


	}

	.getStarted{
		background-image: url('./getStartedBkg.svg');
		background-repeat: no-repeat;
		background-size: 90%;
		display: block;
		width: 100%;
		height: 88px;
	
		}
		.getStartedwriteUpFloatBox{
	
		padding-top: 22px;
		padding-bottom: 22px;
		display: block;
		padding-left: 2.5rem;
	
		}
		.getStartedwriteUpHeader{
		
		font-family: 'Clash Display', sans-serif;
		font-style: normal;
		padding-bottom: 9px;
		margin:0;
	
	
		
		}
		.getStartedwriteUpHeader h2{
			margin:0;
			color: #FFFFFF;
			font-weight: 600;
			font-size: 19px;
			line-height: 15px;
			letter-spacing: 0.07rem;
			width: 81%;
	
		
		}
		
		.getStartedwriteUpText{
		 
		color: #FFFFFF;
		font-size: 13px;
		display: block;
		letter-spacing: 0.15em;
	
	
	
		}
		.getStartedwriteUpText button{
			
			-ms-transform: skewX(-15deg);
			 -webkit-transform: skewX(-15deg);
			  transform: skewX(-15deg);
			  width: 29px;
			height: 19px;
			border-width: 0;
			background-color: black;
			color: white;
			display:inline-flex;
			align-items: center;
			justify-content: center;
	
		}
		.getStartedwriteUpText button p{
			
			font-size: 16px;
			font-weight: 600;
			-ms-transform: skewX(15deg);
			 -webkit-transform: skewX(15deg);
			  transform: skewX(15deg);
			  
			  transform: translateY(-2px);
	
		}


	/* --- legal strip for mobile -------------------------------------------- */
.legal-bar {
    background: #f8f8f8;                  /* light-grey bar                */
    color: #000;                          /* black text                    */

    /* centre both ways */
    display: flex;
    justify-content: center;              /* horizontal centre             */
    align-items: center;                  /* vertical centre               */

    height: 32px;                         /* slimmer bar on mobile         */
    font: 9px/1 'Nunito Sans', sans-serif;
    letter-spacing: 0.1em;               /* same airy spacing             */
    text-transform: none;                 /* keep natural case             */
}