@charset "utf-8";
/* CSS Document */


/*Fonts 

headline - font-family: servus-slab semibold, serif;
font-family: buena-park-jf, serif;
paragraph - font-family: como medium, sans-serif;

*/


/* Color Palette

Banner Colors

#F40D40 hot pink
#FFFFFF white
#70AF40 grass
#F8D3F6 baby purple
#A32647 stalk
#F133A2 med pink
#A65362 Light pink
#591E34 Dark Purple
#A8A81B green

/* Background color for navbar and dropdown menus */


.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #A32647;
	font-family: como medium;
}
/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
    color: #F8D3F6;
	font-family: como medium;
}
/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover, 
.navbar-custom dropdown-item:focus {
	background-color:#70AF40;
    color:#F8D3F6;
	background-image:none;
	font-family: buena-park-jf;
	font-family:como medium;
    border-color: #70AF40;
	border-radius: 25px;
	        
	

}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: #F8D3F6;
    background-color: #A32647;
	color: #F8D3F6;
   
}


/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


  
   

.navbar-brand {
    background-image: url("../images/iconpy.png");
    background-repeat: no-repeat;
    background-size: 60px auto;
    padding-left: 60px;
    background-position: 10px center;
    color: #F8D3F6;
	font-family: buena-park-jf;
}

/*end nav section*/



/*header banner*/
#banner {
    padding-left: 0px;
    padding-right: 0px;
	position: relative;
}

#banner h1 {
    color: #F8D3F6;
    text-shadow: 2px 1px rgba(71,71,71,0.68);
}

/*3 col main section*/

#highlights {
    text-align: center;
}

#highlights img[src$="icon.svg"] {
    width: 50px;
    margin: 10px auto;
    display: block;
}

#highlights h2 {
	font-size: 1.8em;
    color: #F8D3F6;
	font-weight: 600;
}

/* Articles
------------------------- */
#articles {
    padding: 20px 0;
}

/* Marketing
------------------------- */
#marketing {
    padding: 20px 0;
	text-align: center;
}


.display-flex{
display:flex;
flex-direction:row;
width: 50%;
flex-wrap: wrap;
	color:#591E34;
background-color:#F8D3F6;

}


/* Featurettes
------------------------- */
.featurette {
    text-align: center;
	display:flex;
}

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  padding-top: 120px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .03rem;
	 border-radius: 100%;
}

/*footer*/

.footer {
    font-family: como medium;
    color: #F8D3F6; 
	background-color: #A32647;
    border-color: #70AF40;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 50px;
   
    text-align: center;
    text-decoration: none;
    align-items: stretch;
    max-width: 100%
}

#footer p {
    color:#F8D3F6;  
	font-family: como medium;
}




/*end responsive code*/

#article {
	       font-family:  como medium;
	       color: #591E34;
	       background-color:#F8D3F6;
           border-color: #F8D3F6;
	       border-radius: 100%;
}


 
#articles {
	       font-family:  como medium;
	       color: #591E34;
	       background-color:#F8D3F6;
           border-color: #F8D3F6;
	       border-radius: 100%;
}


/*banner code*/
#banner {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
	background-color:#F8D3F6;
}

#banner h1 {
    position: absolute;
    color: #F8D3F6;
	background-color:#F8D3F6;
    text-shadow: 2px 1px rgba(71,71,71,0.68);
    font-size: 4rem;
    bottom: 2%;
    left: 3%;
}




/*featurette*/
.featurette{
	text-align:center;
	display:flex;
}

.featurette-divider{margin:5px rem 1px;
color:#591E34;
background-color:#F8D3F6;
}


.featurette-heading{
	padding-top:120px;
	font-weight:600;
	line-height: 1;
	letter-spacing: .03rem;
	color:#591E34;
	background-color:#F8D3F6;
}



/*end banner*/


#highlight { text-align: center;
	         background-color:#F8D3F6;

}


#highlights h2 {font-size: 1.8em;
                color:#A8A81B;
	            background-color:#F8D3F6;
                font-weight: 400;
	
}


/*card section*/
#marketing {
    padding: 20px 0px;
	align-content: space-between;
	background-color:#F8D3F6;
}

#articles {
    padding: 20px 0px;
	background-color:#F8D3F6;
}

#card {
    padding: 20px 0px;
	background-color:#F8D3F6;
}


.col-md-6{ 
	
	       font-family:  como medium;
	      background-color: #F8D3F6;
           border-color: #591E34;
	       border-decoration: solid;
           border-radius: 25px; 
	       color: #591E34;
	       padding: 20px 15px;
}



/*headers and cards*/


.h1{ align-content: center;
     font-family: buena-park-jf;
    color: #591E34;
	background-color:#F8D3F6;
    border-color: #70AF40;
    border-radius:25px;
    padding-left: 10px;
    padding-right: 10px;
}

.h2{ align-content: center;
     font-family: buena-park-jf;
    color: #591E34;
	background-color:#F8D3F6;
    border-color: #70AF40;
    border-radius: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.h5 {
      font-family: como medium;
    color: #591E34;
	background-color:#F8D3F6;
    border-color: #70AF40;
    border-radius: 100%;
    padding-left: 10px;
    padding-right: 10px;

    

}

.card {  
	font-family: como medium;
    color: #591E34;
	 border-radius: 25px;
    border-color: #A32647;
    text-align: center;
    padding:10px;
	
}



.card-class {  
	font-family: como medium;
    color: #591E34;
    border-color: #F8D3F6;
    text-align: center;
}

.card-title { 
	font-family: como medium;
    color: #A8A81B;
    border-color: #F8D3F6;
    text-align: center;
}

.card-body {
 
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}


/*responsive code*/
.mr-3{height: 300px;}

.mt-0,
.my-0 {
  margin-top: 0 !important;
	color:#591E34;
}


.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
	color:#591E34;
background-color:#F8D3F6;
}

/*media*/


address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
	color:#591E34;
background-color:#F8D3F6;
 
}

p {  margin-top: 0;
		  margin-bottom: 1rem;
		 boarder-radius:25px;
		font-family: como medium;
}


/*buttons*/


.btn {font-family:como medium;
           background-color:#A32647;
	        border-radius: 25px;
	        color:#F8D3F6;
}


  


.btn-primary {font-family:como medium;
           background-color:#A32647;
	        border-color: #70AF40;
	        border-radius: 25px;
	        color:#F8D3F6;}




.message{
	text-align:center;
	color:#591E34;
	font-weight: 800;
	
}





/*contact section*/

.contact_bg {background: #A68A80 url("../images/newbanner.jpg") no-repeat center fixed;
	 height: 400px; width: 1300px;

                                  
}

.contact_bg h1{ 
	color:#F8D3F6;
    text-shadow: 2px 1px rgba(71,71,71,0.68);
	text-align: center;
	line-height: 400px;
	
}
.body {
    font-family: buena-park-jf;
    color: #591E34;
	background-color:#F8D3F6;
    border-color: #70AF40;
    border-radius:25px;
    padding-right: 5px;
    padding-left: 5px;
 
	
}


.container {
    font-family: buena-park-jf;
    color: #591E34;
	background-color:#F8D3F6;
    border-color: #70AF40;
    border-radius:10px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
	
}

.container-fluid{
					font-family: buena-park-jf;
					color:  #591E34;
					border-color: #70AF40;
					border-radius: 25px;
					background-color: #F8D3F6;


}

.container-card { 
	              flex-direction:row;
                  flex-wrap: nowrap;
                  justify-content: center;

}



.background{
	font-family:buena-park-jf;
    color:  #591E34;
    border-color: #70AF40;
    border-radius: 25px;
    background-color: #F8D3F6;
}


.contact_side {
    background-image:url("../images/blueberry.jpg");
    background-color: #F8D3F6;
    margin: no-repeat;
    height: auto;
    float: none;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    background-position: 8% 41%;
    background-size: 531px 533px;
	
}



@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}



@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}