@font-face { font-family: 'Poppins', sans-serif;
	src:  url('../fonts/Poppins-Regular.ttf') format('ttf')
}
html { margin: 0px;font-family: poppins-regular;}
* {	outline: none;}
body { margin: 0px; padding: 1rem; font-size: 16px; font-weight: normal; font-family: 'Poppins', sans-serif; }

.contentWrapper {
	padding: 0;
	margin: 0;
}
.contentWrapper {
	width: 100%;
}
.backgroundImage {
	width: 100%;
  height:100% !important;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 1;
}
.certificateContainer {
	height: auto;
	text-align: center;
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 2;
}
header, footer {
	width: 100%;
}
footer {
	width: 100%;
}
.certificateField {
	width: 100%;
	height: auto;
	text-align: center;
	color: #785b9e !important;
}
.certificateField {
	color: #181815 !important;
	padding: 0;
  margin: 0 auto;
}
.logo {
	text-align: center;
  width: 100%;
  margin: 0 auto;
}
.logoImg{
	width: 50%;
  padding: 0;
  margin: 0 auto;
  clear: both;
}
.programName {
	font-size: 1.4rem;
	text-transform: capitalize;
}
.title {
	font-weight: normal;
	font-size: 1.5rem;
	margin: 0 auto;
	text-transform: capitalize;
  padding: 0;
  width: 100%;
  text-align: center;
  padding: 1rem 0rem 1.2rem;
}
.trainingType {
	font-weight: bold;
	font-size: 1.5rem;
	text-transform: capitalize;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0.5rem 0rem 1.2rem;
}
.trainingType div, .trainingType p, .trainingType span,  .trainingType a {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.userName {
	font-size: 1.4rem;
	text-decoration: none !important;
	text-transform: capitalize;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.userName div, .userName p, .userName span,  .userName a {
   width: 100%;
   text-align: center;
   margin: 0 auto;
   padding: 0;
 }
.userName a{
	text-decoration: none !important;
	text-transform: capitalize;
}
.date {
	font-size: 1rem;
	font-weight: normal;
	font-weight: bold !important;
	text-transform: capitalize;
	text-align: center;
	margin: 1rem auto 3rem !important;
	overflow: auto;
}
.date span {
	text-transform: lowercase !important;
}
.location {
  text-align: center;
  font-weight: bold !important;
  text-transform: capitalize;
}
.declaration {
	font-size: 1rem;
	font-weight: normal !important;
	width: 90%;
	margin: 3rem auto 2rem;
  line-height: 1.6rem;
}
.rotaryLogo {
	width: 18% !important;
	text-align: right !important;
	position: absolute;
	bottom: 5rem;
	right: 3.2rem;
  z-index: 99;
}
.rotaryLogo img {
	width: 100% !important;
	height: auto;
	max-width: 150px;
}
 
.signature-width {
	width: 250px;
	height: auto;
	max-height:80px;
	margin-bottom: 3rem; 
}