@charset "UTF-8";
  /*headliine: 
font-family: paralucent-condensed, sans-serif;
font-weight: 700;
font-style: normal;

font-family: meno-text, serif;
font-weight: 400;
font-style: normal;
*/

/*
black: #0A1418
off white: #F8FDFF
blue: #60C4F0
orange: #F38934
pink: #E41C5E
green: #86F278

/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
    background-color: #E41C5E;
}
/* 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: #F8FDFF;
	
}
/* 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: #E41C5E;
    color: #0A1418;	
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color: #dfdsfsd;
    background-color: #0A1418;
	color: #F8FDFF;
}
/* Tabs in Navbar */
.nav-link {
	color: #F8FDFF;
	font-family: paralucent-condensed, sans-serif;
	font-weight: 700;	
}
#about_banner p
{
font-family: meno-text, serif;
font-weight: 400;
font-style: normal;
}

/* 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");
}

/*navar-brand logo*/
.navbar-brand {
    background-image: url("../images/logo.png");
    padding-top: 25px;
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    background-size: 40px auto;
}

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

#home_banner h1 {
	font-family:paralucent-condensed, sans-serif; 
	font-size: 4rem;
	color: #F8FDFF;
	text-shadow: 3px -2px rgba(10,20,24,0.64) ;
	position: absolute;
	left: 3%;
	bottom: 3%;	
}

/*Main Section*/
.container-fluid {
	background: #0A1418;
	text-align: center;
	font-family: paralucent-condensed, sans-serif;
	padding-bottom: 15px;
	vertical-align: middle;
	margin-top: 30px;
}

.main h2 {
	font-size: 30px;
	background: #60C4F0;
	border-radius: 15px;
	padding: 5px;
}
.main p {font-size: 12px;
	background: #60C4F0;
	border-radius: 15px;
	padding: 15px;
	font-family: meno-text, serif;
	font-weight: 400;
	font-style: normal;
	text-align: left;

	}

/*Botton*/
.btn-primary {
    color: #F8FDFF;
    background-color: #E41C5E;
    border-color: #E41C5E
}

.btn-primary:hover {
    color: #0A1418;
    background-color: #86F278;
    border-color: #86F278;
}
.btn {
	font-size: 15px;
	border-radius: 15px;
	text-align: center;
	font-family: paralucent-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	}

/*End Botton*/

/*Card*/
.card {
	background: #0A1418;
	
}
.card-title {
	color: #F8FDFF;
	font-family: paralucent-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
}

body {
	background-color:#0A1418;
}

h3 {
	font-family: paralucent-condensed, sans-serif;
	font-style: normal;
	color: #F8FDFF;	
	font-size: 30px;
	background-color: #60C4F0;
	border-radius: 10px;
	text-align: center
}

h4 {
	font-family: paralucent-condensed, sans-serif;
	font-style: normal;
	color: #0A1418;;	
	font-size: 25px;
	background-color: #86F278;
	border-radius: 10px;
	text-align: center
}

h6 {font-family: paralucent-condensed, sans-serif;
	font-style: normal;
	color: #F8FDFF;;	
	font-size: 20px;
}
h7 {font-family: paralucent-condensed, sans-serif;
	font-style: normal;
	color: #F8FDFF;;	
	font-size: 17px;
}

p2, ul, li {
	color: #F8FDFF;
	font-family: meno-text, serif;
	font-weight: 200;
	font-size: 12px;
	font-style: normal;
}
address, label{
	color: #F8FDFF;
	font-family: paralucent-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;

}

/*End Card*/
/*Contact*/
.form-group {
	text-align: left;	
}

.form-control{background-color: #F8FDFF;
	border-color: #F8FDFF;
	border-radius: 20px;
	font-family: paralucent-condensed, sans-serif;
	font-style: normal;	
	font-size: 15px;
}

.contact_side {
	background: white url("../images/home.jpg") no-repeat center center;
	background-size: cover;
	padding:0;
	height:500px;
	border-radius: 20px;
}
/*End Contact*/
/*Footer*/
.footer-custom, footer {
	background-color: #F38934;
	text-align: center;
	padding-top: 5px;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 5px;
	font-family: paralucent-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
}



/*Resume*/


/*End Resume*/


.img-thumbnail{background-color: #86F278;
	border-color:#86F278;
	margin-top: 30px;
	margin-bottom: 20px;
	
}

/* Featurettes
------------------------- */
.featurette {background-color: #0A1418;
	color: #0A1418;
    text-align: center;
	display:flex;
	margin-top: 30px;
}

.featurette-divider {
  margin: 3em 0; 
}
.featurette-image{border-radius: 15px;
	margin-top: 20px;
}

/* Thin out the marketing headings */
.featurette-heading {background-color: #60C4F0;
	font-family: paralucent-condensed, sans-serif;
	border-radius: 30px;
	font-style: normal;
	margin-top:20px;
}

.lead {color: #F8FDFF;
	font-family: meno-text, serif;
	font-style: normal;
	text-align: left
}

/*Media Query Breakpoints*/
/*Small Devices ONLY*/
@media (min-width:375px){
#home_banner h1 {
    font-size: 1.5rem;
	bottom: 3%;
	left: 3%;
	}
}

/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_banner h1 {
    font-size: 2.5rem;
    bottom: 3%;
	left: 3%;
	}
}

/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_banner h1 {font-size: 3rem;
			   bottom: 5%;
    		   left: 3%;
			  }
  }

/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
	#home_banner h1 {
    	font-size: 4rem;
    	bottom: 5%;
    	left: 3%;
		}
}
/*Media Query Breakpoints Carousel*/
/*Small Devices ONLY*/
@media (min-width:375px){
#carousel h1 {
    font-size: 1rem;
	bottom: 3%;
	left: 3%;
	}
}

/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#carousel h1 {
    font-size: 1.5rem;
    bottom: 1%;
	left: 3%;
	}
}

/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #carousel h1 {font-size: 2rem;
			   bottom: 5%;
    		   left: 3%;
			  }
  }

/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
	#carousel h1 {
    	font-size: 3rem;
    	bottom: 5%;
    	left: 3%;
		}
}