@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');

.woman{
	color:#000;
	font-size:16px;
	font-family: 'Nunito', sans-serif;
	background:#FFFFFF;
	position:relative;
}

.woman img{
	max-width:100%;
	height:auto;
	display:block;

}

.woman .container{
	width:90%;
	max-width:88.125em;
	padding:0;
}

/*
 * Typography
*/
.woman h1, .woman h2, .woman h3, .woman h4, .woman h5, .woman p{
	font-family: 'Nunito', sans-serif;
	font-weight:400;
	margin:0;
	padding:0;
}

.woman h1{
	font-size:4em;
	line-height:135%;
}

.woman h2{
	font-size:2.8125em;
	line-height:137%;
}

.woman h3{
	font-size:1.375em;
	line-height:140%;
}

.woman p{
	font-size:1em;
	line-height:162%;
}

/*
 * Header
*/

.woman header{
	padding:1.625em 0;
	position:absolute;
	left: 0;
    right: 0;
    margin:0 auto;
}

/*
 * Intro
*/
.woman .intro{
	height:80vh;
	max-height:38.0625em;
    background: url(../img/intro.jpg) no-repeat center center;
    background-size: cover;
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
}

.woman .intro h1{
	color:#005781;
	font-weight:700;
}

/*
 * About
*/
.woman .about{
	height:100%;
	min-height:12.5625em;
	color: #005781;
    margin-top:-5.625em;
}

.woman .about .container{
	background:#fff;
}

.woman .about .row{
	display:flex;
	align-items: stretch;
	margin:0;
	padding:3em 3.8125em;
}

.woman .about .col-md-5{
	width:calc(45.67% - 1.5px);
	padding:0;
}

.woman .about .col-md-7{
	width:calc(54.32% - 1.5px);
	padding:0 0 0 4.75em;
	align-self: center;
}

.woman .about .divider{
	width:3px;
	height:auto;
	background:#005781;
}

/*
 * Features
*/
.features {
	margin-top:1.4375em;
}

.features .row{
	display:flex;
	flex-flow:row wrap;

}

.features .col{
	max-height:21.75em;
	padding:15px;
}

.features .col img{
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.features .col .wrap{
    width: 100%;
    height: 100%;
	position:relative;
}

.features .col .wrap:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 90px 90px 0;
	border-color: transparent #fff transparent transparent;
}

.features .col .wrap:hover .back-overlay{
	opacity:1;
	visibility:visible;
}

.features .front-overlay{
	width:100%;
	height:100%;
	background:rgba(0,0,0, 0.4);
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-weight:700;
}

.features .front-overlay h3{
	text-align:center;
}


.features .back-overlay{
	width:100%;
	height:100%;
	background:#EDFBFF;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	transition: all 500ms ease;
	opacity:0;
	visibility:hidden;
	display:flex;
	flex-flow:column nowrap;
	align-items:center;
	justify-content:center;
	padding:0 1.8125em;
	color:#005781;
}

.features .back-overlay h3{
	font-weight:700;
}

.features .back-overlay ul{
	margin: 0;
    padding: 0 0 0 15px;
}

/*
 * Prevention
*/
.prevention{
	padding-top:5.3125em;
	text-align:center;
	position:relative;
}

.prevention:before{
	content:"";
	background:url('../img/prevention_left.png');
	width:100%;
	height:100%;
	max-width:394px;
	max-height:1206px;
	position:absolute;
	left:0;
	top: -20%;
	z-index: -1;
}

.prevention:after{
	content:"";
	background:url('../img/prevention_right.png');
	width:100%;
	height:100%;
	max-width:226px;
	max-height:473px;
	position:absolute;
	right:0;
	bottom:0;
	z-index: -1;
}

.prevention h2{
	padding-bottom:0.1777em;
}

.prevention h3{
	padding-bottom:2.27em;
}

.prevention img{
	margin:0 auto;
}

/*
 * Places
*/
.places{
	background:#EDFBFF;
	position:relative;
	margin-top:3.75em;
	padding:3.9375em 0 8.5625em 0;
}

.places h2{
	text-align:center;
	padding-bottom:0.1777em;
}

.places h3{
	text-align:center;
}

.places .row{
	display: flex;
	flex-wrap: wrap;
	padding-top:5.625em;
}

.places .row > div{
	display: flex;
	flex-direction: column;
}

.places .row > div .info {
	flex-grow: 1;
}


.places .info{
	background: radial-gradient(98.39% 98.39% at 50% 50%, #FBFFFF 47.4%, #D1F4FF 100%);
	box-shadow: 0px 4px 34px rgba(153, 204, 205, 0.4);
	padding:2.125em;
}

.places .info img{
	padding-bottom:1.25em;
	mix-blend-mode: darken;
}

.places .addresses{
	background:#D1F4FF;
	padding:0 2.125em;
}

.places .addresses .more{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	padding:0.8125em 0;
	cursor:pointer;
}

.places .addresses .more p{
	font-weight:700;
}

.places .addresses .list{
	display:none;
}

.places .addresses ul{
	list-style:none;
	margin:0;
    padding:1em 0 2.5625em 0;
    display:flex;
    flex-flow:row wrap;
}

.places .addresses ul li{
	width:100%; 
	padding:0.3125em 0;
}

.places .addresses ul.numbers li{
	width:50%;
}

.woman .places .col-xs-12:last-child {
	margin-top:1.875em;
}

@media (max-width: 1024px) {
	.woman .about .row{
		flex-flow:column nowrap;
	}

	.woman .about .col-xs-12{
		width:100%;
		padding:0;
		text-align:center;
	}

	.woman .about .divider{
		display:none;
	}

	.woman .features .col-xs-12{
		width:100%;
	}

	.woman .prevention:before,
	.woman .prevention:after{
		display:none;
	}

	.woman .places{
		padding-bottom:2em;
	}

	.woman .places .addresses ul li{
		width:100%;
	}

	.woman .places .col-xs-12{
		width:100%;
		margin-bottom:1.875em;
	}

	.woman .places .col-xs-12:last-child {
		margin-top:0;
	}
}

@media (max-width: 768px) {
	.woman .intro h1{
		font-size: 3em;
	}

	.woman h2{
		font-size:2em;
	}

	.woman h3 {
    	font-size: 1.2em;
	}

	.woman .about .row{
		padding: 1.5em;
	}
}