html {
	font-size: 16px;
}
body {
	font-family: "Raleway", Helvetica, Arial, "sans-serif";
	background-image: url(image/texture.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6, .nav-link, .btn {
	font-family: "Play", Helvetica, Arial, "sans-serif";
	text-transform: uppercase;
	font-weight: bold;
}
.nav-link {
	color: #000 !important;
	font-size: 18px;
}
p {
	font-size: 1.2rem;
}
.hello {
	background-image: url(image/peolinus-bg.jpg);
	height: 50vh;
	max-height: 400px;
	width: 100%;
	background-position: center center;
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
	margin-top: 80px;
}
.sh1 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}
.sh2 {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.sh3 {
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}
.sh4 {
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
}
.sh5 {
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
}

/*  XL Desktops */
@media only screen and (min-width : 1200px) {
}

/* LG Desktops  */
@media only screen and (max-width : 1200px) {
}

/* MD Tablets  */
@media only screen and (max-width : 992px) {
}

/* XS Landscape phones Phones  */
@media only screen and (max-width : 768px) {
.hello-text {
	position: absolute!important;
	max-width: 100% !important;
	min-width: 100% !important;
	text-align: center !important;
}
.hello-text h2 {
	font-size: 1.3rem !important;
}
}

/* XS Portrait Phones */
@media only screen and (max-width : 544px) {
.hello-text {
	position: absolute!important;
	max-width: 100% !important;
	text-align: center !important;
}
.hello-text h2 {
	font-size: 1.3rem !important;
}
}
.bg-light {
	background-color: #e2e2e2 !important;
}
.hello-text {
	position: absolute;
	right: 0;
	top: 18%;
	max-width: 500px;
	text-align: right;
	background: rgba(255,255,255,0.8);
	padding: 2rem;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
.hello-text h2 {
	text-transform: uppercase;
	font-size: 1.5rem;
	font-family: "Raleway", Helvetica, Arial, "sans-serif";
	font-weight: normal;
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.text-danger {
	color: #d70001 !important;
}
.bg-danger {
	background-color: #d70001 !important;
}
.image-puff {
	background: #fff;
}
footer {
	background: rgba(215,0,1,1);
	color: #fff;
	padding-top: 20px;
	padding-bottom: 10px;
}
.image-puff h3 {
	background: rgba(215,0,1,1);
	color: #fff;
	padding: 7px;
	font-weight: normal;
}
.text-puff p {
	padding-top: 10px;
	padding-bottom: 18px;
	padding-left: 20px;
	padding-right: 20px;
}
nav.fill ul li a {
	position: relative;
}
nav.stroke ul li a:after, nav.fill ul li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: '.';
	color: transparent;
	background: #aaa;
	height: 1px;
}

/* Keyframes */
@-webkit-keyframes fill {
 0% {
 width: 0%;
 height: 1px;
}
 50% {
 width: 100%;
 height: 1px;
}
 100% {
 width: 100%;
 height: 100%;
 background: #d70001;
}
}
nav.fill ul li a {
	transition: all 2s;
}
nav.fill ul li a:after {
	text-align: left;
	content: '.';
	margin: 0;
	opacity: 0;
}
nav.fill ul li a:hover {
	color: #fff !important;
	z-index: 1;
}
nav.fill ul li a:hover:after {
	z-index: -10;
	animation: fill 1s forwards;
	-webkit-animation: fill 1s forwards;
	-moz-animation: fill 1s forwards;
	opacity: 1;
}
.btn-danger {
	color: #fff;
	background-color: #d70001;
	border-color: #d70001;
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1s;
	/* Safari 4.0 - 8.0 */
	animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.form {
	width: 100%;
	height: 1200px;
	border: none;
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}
a:link, a:visited { 
color:inherit;
}