@font-face{font-family:'helveticaneue_light';src:url("/assets/s3/theme/fonts/helveticaneuelight.woff2") format("woff2"),url("/assets/s3/theme/fonts/helveticaneuelight.ttf") format("truetype"),url("/assets/s3/theme/fonts/helveticaneuelight.woff") format("woff");font-weight:normal;font-style:normal}
@font-face{font-family:'helveticaneue';src:url("/assets/s3/theme/fonts/helveticaneue.woff2") format("woff2"),url("/assets/s3/theme/fonts/helveticaneue.ttf") format("truetype"),url("/assets/s3/theme/fonts/helveticaneue.woff") format("woff");font-weight:normal;font-style:normal}
@font-face{font-family:'helveticaneue_bold';src:url("/assets/s3/theme/fonts/helveticaneuebold.woff2") format("woff2"),url("/assets/s3/theme/fonts/helveticaneuebold.ttf") format("truetype"),url("/assets/s3/theme/fonts/helveticaneuebold.woff") format("woff");font-weight:normal;font-style:normal}

@font-face {
    font-family: 'gothambold';
    src: url('/assets/s3/theme/fonts/gotham_bold-webfont.woff2') format('woff2'),
         url('/assets/s3/theme/fonts/gotham_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothambook';
    src: url('/assets/s3/theme/fonts/gotham_book-webfont.woff2') format('woff2'),
         url('/assets/s3/theme/fonts/gotham_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamlight';
    src: url('/assets/s3/theme/fonts/gotham_light-webfont.woff2') format('woff2'),
         url('/assets/s3/theme/fonts/gotham_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('/assets/s3/theme/fonts/gotham_medium-webfont.woff2') format('woff2'),
         url('/assets/s3/theme/fonts/gotham_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
	--color-electric-orange: #e96600;
	--color-bright-spring: #adc300;
	--color-power-pink: #fa97f1;
	--color-deep-jade: #005634;
	--color-cool-sage: #c4dcc4;
  }

.bg-electric-orange {
	background: var(--color-electric-orange);
}

.bg-bright-spring {
	background: var(--color-bright-spring);
}

.bg-power-pink {
	background: var(--color-power-pink);
}

.bg-deep-jade {
	background: var(--color-deep-jade);
}

.bg-cool-sage {
	background: var(--color-cool-sage);
}

html { scroll-behavior: smooth; }

body
{
	font-family: 'gothambook';
	width: 100%;
	height: 100%;
	color: var(--color-deep-jade);
}

p
{
	color: var(--color-deep-jade);
	font-size: 16px;
}

.uppercase {
	text-transform: uppercase;
}

a { color: var(--color-electric-orange); }

h1
{
	font-size: 24px;
	color: var(--color-electric-orange);
	font-family: 'gothambold';
}

#section-femme-intro h1, #section-about-intro h1 {

	font-size: 70px;
	line-height: 65px;
	color: var(--color-electric-orange);
}


#section-intro h1 {
	font-size: 70px;
	line-height: 65px;
	color: var(--color-electric-orange);
}






h2
{
	font-family: 'gothambold';
	font-size: 34px;
	color: var(--color-deep-jade);
	text-transform: uppercase;
}


#section-contact .fa-brands, #section-contact .fa-solid {
	font-size: 6em;
	/* color: var(--color-electric-orange); */
}

.fa-apple { color: #979797; }
.fa-spotify { color: #7ab800; }
.fa-youtube { color: #e52d27; }
.fa-linkedin-in { color: #0976b4; }
.fa-tiktok { color: #000; }
.fa-podcast {color: #6441a5; }

sup a
{
	text-decoration: none;
	font-size: 60px;
}

#section-intro
{
	background-image: url("/assets/optimized/s3/theme/images/hero-1.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}



#section-about-intro
{
	background-image: url("/assets/optimized/s3/theme/images/gradient-4.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 10vh;
	padding-bottom: 10vh;
}

/* #section-about h1, #section-about h2, #section-about h3, #section-about h4, #section-about h5, #section-about p { 
	color: var(--color-electric-orange);
}

#section-about-copy h1, #section-about-copy h2, #section-about-copy h3, #section-about-copy h4, #section-about-copy h5, #section-about-copy p { 
	color: var(--color-electric-orange);
} */

#section-about .img-responsive {
	padding: 0;
	max-width: 100%;
	width: 100%;
}

#section-about-copy .img-responsive {
	padding: 20%;
}



#section-about .half {
	padding-left: 60px;
	padding-right: 60px;
}

#section-femme-intro
{
	background-image: url("/assets/s3/theme/images/hero-1.svg"), url("/assets/optimized/s3/theme/images/gradient-5.webp");
	background-size: contain, cover;
	background-position: right bottom, center;
	background-repeat: no-repeat, no-repeat;
}

#section-femme-intro
{
	background-image: url("/assets/s3/theme/images/hero-1.svg");
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
}

#section-femme-list {
	padding-top: 10vh;
	padding-bottom: 10vh;
}

#section-interviews {
	background-image: url("/assets/optimized/s3/theme/images/gradient-5.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#section-interviews h2 {
	color: white;
}

#section-interviews-intro {
	background-image: url("/assets/optimized/s3/theme/images/gradient-3.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 100px;
}

#section-interviews-intro, #section-interviews-intro h1, #section-interviews-intro h2, #section-interviews-intro p {
	color: white;
}

#section-interviews-intro .half {
	padding: 2%;
}

#section-submissions .half:first-child { padding-right: 20px; }

#section-meet-femmes {
	background-image: url("/assets/optimized/s3/theme/images/gradient-3.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-bottom: 40px;
}

#section-femme-grid {
	background-image: url("/assets/optimized/s3/theme/images/gradient-2.webp");
	background-size: 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;

}

#section-meet-femmes h2, #section-meet-femmes h3, #section-meet-femmes p {
	color: white;
}

#section-interviews {
	padding-bottom: 60px;
}

.femme-headshots {
	padding-top: 5px;
}

.femme-headshot {
    width: auto;
    float: left;
    margin: -3px auto 0;
    padding: 0;
}

#section-contact a {
	text-decoration: none;
}


.femme-square {
    cursor: pointer;
    aspect-ratio: 1 / 1;
	transition: 1s;
	padding: 10px;
	margin-bottom: 1%;
}

.femme-square-content-container {

	background: white;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.femme-square-faded {
    transition: 1s;
    cursor: pointer;
	aspect-ratio: 1 / 1;
}

.femme-square-content {
	position: relative;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    cursor: pointer;
    padding: 20px;
    transition: .5s;
    overflow: scroll;
	color: white !important;
}



.femme-square-content .button {
	font-size: 14px;
}

.femme-square-content-a {
	padding: 20px;
}

.femme-square-content p, .femme-square-content a {
	color: white;
}

.femme-carousel .radio {
	width: 0;
	height: 0;
}

.femme-square-content-a h3 {
	color: var(--color-deep-jade);
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
    font-size: 20px;
   
}

.femme-square-content-a p {
	margin-top: 0;
	font-size: 14px;
}

.gradient-caption {
	
	background: #005634;
	background: linear-gradient(to right, #005634 0%, #E96600 40%, #FA97F1 50%, #adc300 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: gothambold;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 0;
}

.femme-square-content .button-holder {
	width: auto;
}

.femme-square-content .button-holder:last-child {
	margin-left: 5px;
}

#carousel img {
	padding: 5%;
}

#carousel p {
	margin-top: 10px;
	text-align: center;
	padding: 10px;
}

#carousel a {
	text-decoration: none;
}

.site-title-header
{
	position: absolute;
	top: 15px;
	margin-top: 15px;
	margin-left: 15px;
	font-family: 'gothambold';
	text-transform: uppercase;
	font-size: 24px;
	float: left;
	line-height: 30px;
	text-decoration: none !important;
	color: var(--color-electric-orange);
}

.signoff span { font-family: 'gothambold'; }
.signature-image { max-width: 150px; }

.invisible
{
	display: none;
	transition: 1s;
}

.femme-carousel-title strong {
	font-size: 20px;
}



strong,b
{
	font-family: 'gothambold';

}


.femme-list-item:hover {
	cursor: pointer;
	font-size: 1.2em;
	transition: .2s;
}

.femme-list-item {
	transition: .2s;
}



ul { list-style-position: outside; }

h3
{
	font-family: 'gothambold';
	color: var(--color-electric-orange);
	text-transform: uppercase;
}

.logo
{

	width: 200px;

	z-index: 10;
	margin: 0;
	transition: .5s;
}

.logo a { color: var(--color-electric-orange); }

.embed-container
{
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}

.embed-container iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.image-container img { max-width: 100%; }
.fade { opacity: 0.5; }
.column { float: left; }

.close
{
	color: #FFF;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: 700;
}

.close:hover,.close:focus
{
	color: var(--color-deep-jade);
	text-decoration: none;
	cursor: pointer;
}

button:hover,input:hover { cursor: pointer; }
#footer-image,.social-icon { max-width: 120px; }



.pre-logos
{
	margin-top: 200px;
	margin-bottom: 75px;
}

.client-logos
{
	height: 100%;
	min-height: 150vh;
	margin-top: 15vh;
}

.text-center { text-align: center; }

.client-logo img
{
	width: 80%;
	max-width: 80%;
}

.lead { width: 33%; }

.sidenav
{
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 3;
	top: 0;
	right: 0;
	overflow-x: hidden;
	transition: .3s;
	color: #FFF;
	background-color: var(--color-deep-jade);
	opacity: 0.95;
}

.menubutton
{
	display: none;
	transition: 1s;
}

.nav-content
{
	font-family: gothambold;

	text-transform: uppercase;
}

.nav-content ul li
{
	border-top: none;
	padding-left: 5px;
	padding-right: 10px;
}

.nav-content ul li:last-child { border: none; }

.nav-content li
{
	height: 28px;
	cursor: pointer;
	display: inline;
	color: var(--color-electric-orange);
}

.nav-content li a
{
	font-size: 22px;
	color: var(--color-electric-orange);
	font-weight: bold;
	text-decoration: none;
}

.nav-content li a:hover { text-decoration: underline; }

.sidenav-content
{
	text-align: left;
	margin-top: 50vh;
	font-size: 8px !important;
	font-family: gothambold;
	mix-blend-mode: normal !important;
	z-index: 10;
	border-color: #FFF;
}

.sidenav-content p { cursor: pointer; }

.sidenav a
{
	text-decoration: none;
	font-size: 24px;
	color: #fff;
	display: block;
	transition: .3s;
	font-family: 'gothambook';
	line-height: 24px;
	margin-left: 10px;
	margin-right: 10px;
}

.sidenav a:hover { color: #f1f1f1; }

.menucontainer
{
	display: inline-block;
	cursor: pointer;
	z-index: 99999;
}

.bar1,.bar2,.bar3
{
	width: 30px;
	height: 3px;
	background-color: var(--color-electric-orange);
	transition: .4s;
	margin: 7px 0;
}

.change .bar1
{
	-webkit-transform: rotate(-45deg) translate(-9px, 5.5px);
	transform: rotate(-45deg) translate(-9px, 5.5px);
	background-color: #FFF;
}

.change .bar2 { opacity: 0; }

.change .bar3
{
	-webkit-transform: rotate(45deg) translate(-9px, -5.5px);
	transform: rotate(45deg) translate(-8.5px, -5.5px);
	background-color: #FFF;
}

.button-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
}

.button-holder {
	background-image: url("/assets/optimized/s3/theme/images/gradient-3.webp");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 3px;
	width: 40%;
	height: 50px;
	border-radius: 15px;
}

#section-femme-list .button-holder {
	margin: auto 10px auto 0;
	float: right;
}

.button
{
	background: white;
	color:var(--color-deep-jade);
	
	border-radius: 12px;
	border: 0px transparent;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-size: 24px;
}

.sm-button-holder {
	border-radius: 0;
	width: 40px;
	height: 40px;
	float: left;
}

.sm-button {
	padding: 3px;
	border-radius: 0;
}

.button a {
	text-decoration: none;
	color: var(--color-deep-jade);
}

.button-small {
	font-size: 14px;
}



.menubutton {
	background: none !important;
}

.modal-link {
	text-decoration: underline;
	transition: .5s;
		
}

.modal-link:hover {
	transition: .5s;
	text-decoration: none;
	cursor: pointer;
}

.full-interview {
	margin-top: 30px;
}

.sidenav-content ul
{
	width: 100%;
	list-style: none;
	line-height: 40px;
	padding: 0;
}

#sidenav ul
{
	font-size: 20px;
	line-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

#sidenav ul li
{
	border-top: none;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 3px solid #FFF;
}

li .active { font-weight: 700; }

.flex-nav {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
}

.fixed-header
{

	position: fixed;
	background-color: transparent;
	width: 100%;
	height: 110px;
	z-index: 2;
	transition: .75s;
	padding-left: 5%;
	padding-right: 5%;
	
}

.fixed-header .logo {

	align-self: flex-start;
}

.content-header
{	
	padding-left: 5%;
	padding-right: 5%;
	background-color: transparent;
	transition: .25s;
}

.content-header .logo
{
	width: 150px;
	transition: .5s;
}

.faded { transition: 1s; }

.container
{
	width: 95%;
	padding-left: 5%;
	/* padding-right: 5%; */
}

.grid {
	display: grid;
	overflow: hidden;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	max-width: 25%;
}

.grid .quarter {
	width: 100%;
}

.row { 
	display: flex;
	flex-wrap: wrap;
	align-items: center;
 }

 .row-flex-start {
	align-items: flex-start;
 }

 .row-flex-start h2 {
	margin-top: 0;
 }

.fifth
{
	width: 20%;
	float: left;
}

.two-fifths
{
	width: 40%;
	float: left;
}

.three-fifths
{
	width: 60%;
	float: left;
}

.eighth
{
	width: 12.5%;
	float: left;
}

.sixth
{
	width: 16.5%;
	float: left;
}

.third
{
	width: 33.333%;
	float: left;
}

.half
{
	width: 50%;
	float: left;
}

.quarter
{
	width: 25%;
	float: left;
}

.two-thirds
{
	width: 66.666%;
	float: left;
}

.three-quarters
{
	width: 75%;
	float: left;
}

.five-sixths
{
	width: 83.335%;
	float: left;
}

.full {
	width: 100%;
}

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hide-mobile { display: flex; }

.menu-container,.address
{
	display: flex;
	align-items: center;
}

.menu-container { height: 100vh; }
.fixed-right li { border: 0; }
#sidenav ul li:last-child { border: none; }

#sidenav ul li:before
{
	content: "";
	margin-right: 0;
}

#sidenav hr,.grey-header span,#content-0,.mobile-button,.show-mobile { display: none; }

/* input,button,button:hover,button:active,button:focus
{
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-image: none;
	appearance: none;
	-webkit-appearance: none;
} */

.site-title
{
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.site-intro-text p { color: var(--color-electric-orange); }

.site-intro-text
{
	font-size: 20px;
	max-width: 70%;
}

#section-intro .site-intro-text {
	max-width: 100%;
}

.signature { margin-top: 40px; }

#section-about
{
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-intro-footer ul
{
	padding-inline-start: 0px;
	margin-left: 0;
	list-style-type: none;
}

.section-intro-footer ul li
{
	font-size: 14px;
	display: inline;
}

.section-intro-footer ul li
{
	padding: 10px;
	padding-top: 0;
	padding-bottom: 0;
	border-right: 1px solid;
}

.section-intro-footer ul li:last-child { border: none; }
.section-intro-footer ul li:first-child { padding-left: 0; }
#menubutton { display: none !important; }

.img-responsive
{
	width: 100%;
	align-self: center;
	padding: 2%;
}

.orange-link { color: var(--color-electric-orange); }
.copyright { margin-top: 20px; }

.interview-list
{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.list-item
{
	min-width: 33%;
	display: flex;
	padding: 0.5em;
	width: 33%;
}

.list-content { width: 100%; }
.femme-image { filter: grayscale(100%); }
.femme-image:hover { filter: none; }
.strong { font-family: 'gothambold'; }
.femme-list-item { display: inline; }

.bioheight
{
	margin-top: 30px;
	min-height: 270px !important;
}

.bioheight img
{
	max-width: 100%;
	padding-right: 5px;
}

.right-div
{
	padding-left: 30px;
	float: left;
	width: 75%;
}

.femme-detail h3 { margin-top: 0; }

.femme-detail p
{
	color: var(--color-deep-jade);
	margin-top: 0;
}

#section-femme-list .full:first-child a { text-decoration: none; }

.button-text
{
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

.modal
{
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.modal-content
{
	position: relative;
	background-color: #ffffffD9;
	margin: auto;
	margin-top: 100px;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.4s;
	display: flex;
	flex-direction: column;
}

@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}

.close
{
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,.close:focus
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header { padding: 2px 16px; }
.modal-body { padding: 2px 16px; }

.modal-footer
{
	padding: 2px 16px;
	color: white;
}

.modal-content .two-thirds { padding-left: 30px; }
.modal-content p { color: var(--color-deep-jade); }

.modal-close
{
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.modal-close:hover,.modal-close:focus
{
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.full-text-link { text-decoration: none; }
#full-content { display: none; }
.form { width: 100%; }

.form-group
{
	margin-top: 5px;
	margin-bottom: 20px;
}

.input
{
	width: 100%;
	height: 40px;
	padding: 10px;
	border: 1px solid #333;
}

.input-text
{
	width: 100%;
	min-height: 120px;
	border: 1px solid #333;
}

.submit-button
{
	min-height: 50px;
	border: 1px solid #e96600;
	color: var(--color-electric-orange);
	text-transform: uppercase;
	background: transparent;
	font-size: 20px;
	padding: 15px;
}

.inter-link { margin-top: 16px; }
.inter-link a { text-decoration: none !important; }

.signup-modal
{
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.4);
}

.signup-modal-content
{
	background-color: #fff;
	margin: 1% auto;
	padding: 20px;
	margin-top: 90px;
	border: 1px solid #888;
	width: 33%;
}

.signup-close
{
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.signup-close:hover,.signup-close:focus
{
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.grid {
	margin-top: 50px;
	max-width: 100%;
  }
  
  /* clearfix */
  .grid:after {
	content: '';
	display: block;
	clear: both;
  }
  
  /* Vid carousel */

  .femme-carousel {
	display: grid;
	grid-template-rows: 530px 100px;
	grid-template-columns: 1fr 30px 30px 30px 30px 30px 1fr;
	align-items: center;
	justify-items: center;
	width: 100%;
	color: white !important;
	
  }
  
  main#carousel {
	grid-row: 1 / 2;
	grid-column: 1 / 8;
	width: 70vw;
	height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transform-style: preserve-3d;
	perspective: 600px;
	--items: 5;
	--middle: 3;
	--position: 1;
	
	
  }

  main#carousel p {
	color: white;
  }
  
  div.item {
	position: absolute;
	width: 500px;
	
	background-color: var(--color-cool-sage);
	--r: calc(var(--position) - var(--offset));
	--abs: max(calc(var(--r) * -1), var(--r));
	transition: all 0.25s linear;
	transform: rotateY(calc(-10deg * var(--r)))
	  translateX(calc(-300px * var(--r)));
	z-index: calc((var(--position) - var(--abs)));
  }

  div.item a {
	color: white;
  }

  .button-small a {
	color: var(--color-deep-jade) !important;
}
  
  div.item:nth-of-type(1) {
	--offset: 1;
	background-color: var(--color-bright-spring);
  }
  div.item:nth-of-type(2) {
	--offset: 2;
	background-color: var(--color-cool-sage);
	
  }
  div.item:nth-of-type(3) {
	--offset: 3;
	background-color: var(--color-electric-orange);
  }
  div.item:nth-of-type(4) {
	--offset: 4;
	background-color: var(--color-power-pink);
  }
  div.item:nth-of-type(5) {
	--offset: 5;
	background-color: var(--color-bright-spring);
  }
  
  input:nth-of-type(1) {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
  }
  input:nth-of-type(1):checked ~ main#carousel {
	--position: 1;
  }
  
  input:nth-of-type(2) {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
  }
  input:nth-of-type(2):checked ~ main#carousel {
	--position: 2;
  }
  
  input:nth-of-type(3) {
	grid-column: 4 /5;
	grid-row: 2 / 3;
  }
  input:nth-of-type(3):checked ~ main#carousel {
	--position: 3;
  }
  
  input:nth-of-type(4) {
	grid-column: 5 / 6;
	grid-row: 2 / 3;
  }
  input:nth-of-type(4):checked ~ main#carousel {
	--position: 4;
  }
  
  input:nth-of-type(5) {
	grid-column: 6 / 7;
	grid-row: 2 / 3;
  }
  input:nth-of-type(5):checked ~ main#carousel {
	--position: 5;
  }

@media only screen and (max-width: 900px)
{
	#fullpage {
		margin-top: 0 important!;
	}

	.button  {
		font-size: 16px;
	}

	#section-intro, #section-femme-intro {
		background-size: 150%;
		background-position: right 5px;
		padding-top: 240px;
		padding-bottom: 60px;
	}

	#section-femme-intro {
		background-position: right 60px;
		padding-top: 300px;
	}

	.site-intro-text {
		max-width: 100%;
		text-align: center;
	}

	.site-intro-text p {
		text-align: center;
		width: 100%;
	}

	#section-intro h1, #section-femme-intro h1, #section-about-intro h1 {
		font-size: 26px;
		text-align: center;
		max-width: 100%;
		line-height: 30px;
	}


	.site-title {
		width: 100%;
		
	}

#section-femme-grid {
	background-size: cover;
}

#section-femme-list {
	padding-top: 0;
	padding-bottom: 10vh;
}

	.button-holder {
		width: 100%;
		margin-bottom: 10px;
	}

	.flex-reverse {
		flex-direction: column-reverse;
	}

	div.item {
		width: 230px;
	}

	div.item .button-holder {
		width: 90%;
	}

	.sm-button-holder {
		width: 100%;
	}

	.fifth {
		width: 100%;
	}
	.signup-modal-content { width: 90%; }
	sup a { font-size: 20px; }
	.social-icon { max-width: 64px; }
	.eighth { width: 25%; }
	.eighth p { font-size: 14px; }
	
	.blog-content
	{
		width: 95%;
		margin: 0 auto;
	}
	
	.row
	{
		width: 90%;
		margin: 0 auto;
	}
	
	.intro-quotes::before { margin-left: 0px; }
	.intro-quotes::after { margin-right: 0px; }
	
	.third,.sixth,.half,.quarter,.two-thirds,.three-quarters,.five-sixths
	{
		width: 90% !important;
		clear: both;
		float: none;
		margin: 0 auto;
		
	}

	.mobile-fp-auto-height.fp-section, .mobile-fp-auto-height .fp-slide, .mobile-fp-auto-height .fp-tableCell {
		height: auto !important;
	}

	.logo {
		float: left;
		margin-top: 10px;
		max-width: 80px;
	}
	
	#menubutton { display: block !important; 
	float: right;
	margin-top: 5px;}
	
	.hide-mobile
	{
		display: none !important;
		transition: 1s;
	}
	
	.show-mobile,.menubutton
	{
		transition: 1s;
		display: block;
	}
	
	h1
	{
		font-size: 32px;
		line-height: 32px;
	}
	
	h2
	{
		font-size: 24px;
		line-height: 34px;
		letter-spacing: 0px;
	}
	
	h3
	{
		font-size: 14px;
		line-height: 16px;
	}
	
	.text-box
	{
		width: 100%;
		text-align: center;
		max-width: 100%;
	}
	
	.box
	{
		margin-left: -8px;
		font-size: 20px;
		border: 3px solid;
		padding: 5px;
	}
	
	.grid-sizer,.grid-item,.cs-grid-sizer,.cs-grid-item,.half-input { width: 100%; }
	
	p
	{
		font-size: 16px;
		line-height: 18px;
	}
	
	#sidenav ul
	{
		width: 100%;
		list-style: none;
		padding-left: 20px;
		font-size: 14px;
		line-height: 40px;
		flex-direction: column;
	}
	
	#sidenav ul li
	{
		border-top: 1px solid #FFF;
		border-right: none;
		width: 60vw;
	}
	
	#sidenav ul li:first-child { border: none; }
	#sidenav ul li:last-child { border-top: 1px solid #FFF; }
	
	.sidenav a
	{
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: center;
	}
	
	.sidenav-content { position: absolute;
	top: 0;
	margin-top: 10vh;
	width: 100vw;
	}

	.sidenav .button {
		background:transparent;
	}
	
	.logo
	{
		width: 150px;
		top: 20px;
		left: 20px;
	}
	
	.button
	{
		top: 10px;
		right: 20px;
	}
	
	.text-box { text-align: center; }
	.list-item { width: 100%; }

	.container {
		padding-right: 0;
	}
}