:root{
	font-size: $font-size-def;
	@include br3{
		font-size: $font-size-def*0.9;
	}
}

body{
	font-family: $RL, "Arial", sans-serif;
	color: $main-color1;
	overflow-x: hidden;	
	min-width: 320px;
	font-size: 16px;
	position: relative;
	display: grid;
}

a{
	text-decoration: none;
	color:  #000000;
	&:hover{
		text-decoration: underline;
	}
}

.d_flex {
	@include flex;
	@include justify-content(space-between);
	@include align-items(center);
	@include flex-wrap;
}

.center-flex{
	@include flex;
	@include justify-content(center);
	@include align-items(center);
}

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

.mx-auto{
	margin-left: auto!important;
	margin-right: auto!important;
}

input, textarea{
	-webkit-appearance: none;
}

textarea{
	overflow: auto;
}

strong, b{
	font-family: $RB;
}

@include placeholder{color: #8b8b8b;}

img{
	max-width: 100%;
}

.w100{
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 56vw;
	&.img1{
		background: url($img_dir + "homeless-11.jpg") no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		@media not all and (min-resolution:.001dpcm){ 
			background-attachment: inherit;
		}
	}
	&.img2{
		background: url($img_dir + "family-4.jpg") no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		@media not all and (min-resolution:.001dpcm){ 
			background-attachment: inherit;
		}
	}
	&.img3{
		background: url($img_dir + "homeless-3.jpg") no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		@media not all and (min-resolution:.001dpcm){ 
			background-attachment: inherit;
		}
	}
	&.img4{
		background: url($img_dir + "UK-1.jpg") no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		@media not all and (min-resolution:.001dpcm){ 
			background-attachment: inherit;
		}
	}
	&.img5{
		background: url($img_dir + "family-2.jpg") no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		@media not all and (min-resolution:.001dpcm){ 
			background-attachment: inherit;
		}
	}
	&.img6{
		background: url($img_dir + "great-homeless-shot.jpg") no-repeat center;
		background-size: cover;
		background-attachment: fixed;
		@media not all and (min-resolution:.001dpcm){ 
			background-attachment: inherit;
		}
	}
}


p{
	margin: 20px auto;
	line-height: 1.5;
}
ul{
	li{
		color: $red;
		margin-bottom: 10px;
		line-height: 1.5;
		margin-left: 20px;
		span{
			color: $main-color1;
		}
		ul{
			margin-top: 10px;
			li{
				color: $main-color1;
				margin-bottom: 5px;
				list-style: none;
				margin-left: 5px;
			}
		}
	}
}

h3{
	font: 40px/1 $K;
	margin: 30px 0 15px;
	@include br3{
		font-size: 35px;
	}
	strong, b{
		font-weight: 600;
		font-family: $K;
	}
}

.red{
	color: $red;
}

.orange{
	color: $orange;
}

.container{
	width: 80%;
	max-width: 960px;
	margin-left: auto!important;
	margin-right: auto!important;
	@include br1{
		width: 90%;
	}
}