body {
  padding-top: 25px;
  background: url(../img/yellowparchment.jpg) no-repeat top center;
	background-size:100% 100%;


}

/* Instructions: Add the font name to your CSS 
styles just as you'd do normally with any 
other font.

Example:

h1 { font-family: "Playfair Display", 
serif; font-weight: 700; }

font-family: 'Playfair Display', serif; */

h1 { font-family: "Sansita One", 
serif; font-size: 10vw; font-weight: 500;

 }

h2 {
  font-size: 3.0vh;
	line-height: 140%;
	
}

h9 {
   font-size: 4.0vh;
   font-weight: 600;
	 text-align: center;
	 
}	 
	 
p {
  font-size: 3vmin;

}

p1 {
  font-size: 2.0vh;
	
}


.em-text{
	color:#FFF !important;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

section{
	padding:10px 0 10px 0;
}

.cover{
    display:inline-block;
		height: 320px;
		width: 205px;
   	padding:5px 5 5px 5;
		border: 2px 2px 2px 2px;

}

.font {
font-family: "Georgia"; 
serif;
line-height: 120% !important;
		
}

.jumbotron{
	background: url(../img/goldleafbgj.jpg) no-repeat top center;
	color:#fff;
	height:230px;
	overflow:none;

}

.jumbotron h1{
	margin-top:30px;
}

.jumbotron p{
	margin-bottom:20px;
}

.jumbotron-special  {
    /* add bootstrap jumbotron background image */
    background: url("../img/titlerow.jpg");
    /* change bootstrap jumbotron text color */
    color: #FFF;
    height: 30px;
		width: 100%;
		overflow:none;
}


.jumbotron-special p{
  font-size: 4vmin;

}


.logo-img{
	width:60% !important;
	height: 60% !important;
	padding:0 0 0 0;
} 

.row-xs-flex-center {
    display:flex;
    align-items:center;
		
}

/* MEDIA QUERIES */

@media(min-width: 1200px){
	.jumbotron img.logo-img{
	width:50%;
	margin:0 0 0 40px;

  }
}

@media(max-width: 991px){
	.logo-img{
		display:none;
	}
}

@media(min-width: 768px) and (max-width: 990px){
	.jumbotron img.app-btn{
		width:30%;
	}

	.jumbotron{
		height:250px !important;
		background-size:100% 100%;
	}

	.jumbotron h1{
		margin-top:10px;
	}
}

@media(max-width: 768px){
	.jumbotron{
		height:250px !important;
		background-size:100% 100%;
	}

	.jumbotron h1{
		margin-top:10px;
	}
}

@media(max-width: 500px){
	.jumbotron{
		height:275px !important;
		background-size: 100% 100%;
		text-align: center;
	}

}

	.jumbotron img.app-btn{
		width:60%;
		margin:0 auto 30px auto;
		display:block;
	}

	section#feature ul li{
		font-size: 19px !important;
	}


	 
footer p1{
		float:none;
		text-align: center;
		/* padding-top:10px; */
	
	}

footer{
	background:#d95e00;
	color:#fff;
	padding:10px 0 20px 0;

}



/* @media ( min-width:768px ) {
    .row-sm-flex-center {
        display:flex;
        align-items:center;
    }
}
@media ( min-width: 992px ) {
    .row-md-flex-center {
        display:flex;
        align-items:center;
    }
		
@media ( max-width: 991px ){
      .logo-img{
			display: none;
     
}
		
}
@media ( min-width: 1200px ) {
    .row-lg-flex-center {
        display:flex;
        align-items:center;
    }
}


img.demo{
	width:100%;
	padding:3px;
	border: 1px solid #ccc;
}

section#feature{
	background:#1caa98;
	color:#fff;
	padding:40px;
	overflow: auto;
}

section#feature ul li{
	font-size: 22px;
	list-style: none;
	line-height: 2.0em;
} 



footer{
	background:#d95e00;
	color:#fff;
	padding:20px 0 10px 0;
}

footer li{
	float:left;
	padding:0 10px 0 10px;
	list-style: none;
}

footer a {
	color:#fff;
}

footer p{
float:right;
} */