@font-face {
    font-family: 'Kristen'; /*a name to be used later*/
    src: url('../fonts/Kalam-Regular.ttf'); /*URL to font*/
}

.pcontainer {
    max-width: 1280px;
    margin-left: auto!important;
    margin-right: auto!important
}

.logo-spal {
    background-image: url(../img/spal-logo-ori.png);
	background-size: 150px 225px;
    width: 150px;
    height: 225px
}

.icon-logo-spal {
    background-image: url(../img/spal-logo-long-white.png);
    width: 264px;
    height: 70px;
}

.pg-header {
	color: #fff;
	height: 466px;
	background-image: url(../img/bgSalem.jpg);
	width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: 45% -114px;
	background-size: 984px, 466px;
}
/*
@media (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (orientation:landscape),
(-webkit-min-device-pixel-ratio:2) and (min-width:768px),
(min-resolution:2dppx) and (max-width:767px) and (orientation:landscape),
(min-resolution:2dppx) and (min-width:768px),
only screen and (min-width:992px) {
.pg-header {
		background-position: 45% 0px;
    }
}*/

@media (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (orientation:landscape),
(-webkit-min-device-pixel-ratio:2) and (min-width:768px),
(min-resolution:2dppx) and (max-width:767px) and (orientation:landscape),
(min-resolution:2dppx) and (min-width:768px),
only screen {
.pg-header {
		background-position: 32% -114px;
    }
}

@media (min-width:1921px) {
.pg-header {
		background-position: 42% -114px;
    }
}


@media (min-resolution:2dppx) and (max-width:767px) and (orientation:landscape) {
.pg-header {
		background-position: 68% -117px;
    }
}
@media (-webkit-min-device-pixel-ratio:2) and (max-width:768px) {
.pg-header {
		background-position: 100% -117px;
    }
}
@media (-webkit-min-device-pixel-ratio:2) and (max-width:667px) {
.pg-header {
		background-position: 76% -117px;
    }
}
@media (-webkit-min-device-pixel-ratio:2) and (max-width:414px) {
.pg-header {
		background-size: 551px, 466px;
    background-position: 94% 42px;
    }
}

@media (-webkit-min-device-pixel-ratio:2) and (max-width:375px) {
.pg-header {
		background-size: 551px, 466px;
    background-position: 77% 42px;
    }
}

/*
@media (-webkit-max-device-pixel-ratio:1) and (max-width:991px),
(max-resolution:1dppx) and (max-width:991px) {
.pg-header {
        background-position: 44% -114px;
    }
}

@media (-webkit-min-device-pixel-ratio:2) and (max-width:767px) and (orientation:portrait),
(min-resolution:2dppx) and (max-width:767px) and (orientation:portrait) {
.pg-header {
        background-position: 46% -114px;
    }
}*/

.header-brand{
	float: left;
	margin-top:140px;
}

.header-text-refuge{
	float: right;
	margin-top:300px;
	color: black;
}


.ft-kristen{
	font-family: kristen;
}

.bg-dark-grey{
	background: #3b3b3b;
}


.bg-black{
	background: #000000;
}

.bg-orange{
	background: #f2a113;
}

.rowspacing{
	padding-top:20px;
	padding-bottom:20px;
}

span.lblForm{
	float: left !important;
	padding-top: 7px;
	padding-right: 10px;
	font-weight: bold;
	width: 64px;
}

div.lblFormFullWidth{
	font-weight: bold;
	width: 100%;
}

div.multiCheckBox label{
	
}

.lblCheckBox{
	padding-right: 10px;
}

form label.share_label_class{
	display: inline-block;
}

.txt-white{
	color: white;
}

.txt-aqua{
	color: #00ace6;
}


img.carousel_img{
	width: 100%;
    height: 350px !important;
	object-fit: cover;
    -o-object-fit: cover;
}

.fbold{
	font-weight: bold;
}

.jumboChat{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 350px !important;
}

#aproposbox{
    background-image: url(../img/apropos.png);
    background-repeat: no-repeat;
    background-size: 200px, 100px;
	background-position-x: center;
	padding-top: 130px;
}

#missionbox{
    background-image: url(../img/mission.png);
    background-repeat: no-repeat;
    background-size: 150px, 100px;
    background-position-x: center;
    background-position-y: 30px;
    padding-top: 130px;
}

#benevolatbox{
    background-image: url(../img/benevolat.png);
    background-repeat: no-repeat;
    background-size: 100px, 100px;
	background-position-x: center;
	background-position-y: 30px;
	padding-top: 130px;
}

#donationbox{
    background-image: url(../img/donation.png);
    background-repeat: no-repeat;
    background-size: 120px, 100px;
    background-position-x: center;
    background-position-y: 20px;
    padding-top: 130px;
}

.circle{
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #00ACE6;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 180px;
    position: relative;
    width: 180px;
	white-space: nowrap;
	margin-left: 34px;
}

.pnumber{
	color: #00ACE6;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 5px;
}

.ptext{
    font-family: kristen;
    font-size: 45px;
    margin-bottom: 0;
}