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

/*headline: font-family: font-family: "september", sans-serif;
font-weight: 500;
font-style: normal;
font-family: "september", sans-serif;
font-weight: 700;
font-style: normal; ; 
paragragh:font-family: "miller-text", serif;
font-weight: 400;
font-style: normal;
font-family: "miller-text", serif;
font-weight: 700;
font-style: normal;
*/

/* Color 
 light white: #F8F5EA                           
 Light green:#DDE5B6                      
 green:#ADC178                   
 light brown:#A98467                          
 Dark Brown:#6C584C 
blue:#035AA6
darkblue:#03588C
green:#9CA653
orange:#F25430
red:#BF2A2A



/

body {font-family: 'PT Serif;
}
h1, h2, h3, h3, h4, h5, h6 {font-family: 'PT Serif', serif;
font-family: 'Roboto', sans-serif; ;
}

/*center an image - img is an inline element*/





.col-md-4 h2{text-align: center}
.col-xl-3 h2{text-align: center}

.jumbotron{background-color: 
	#DDE5B6  }

body{background: #F8F5EA }
/* Background color for navbar and dropdown menus */
.navbar-custom, .navbar-custom .dropdown-menu {
background-color:#035AA6;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
    border-color:#F25430 ;
    color: #F25430;
}
/* 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");
} 


/* 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: #F8F5EA;
}
/* 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: #03588C ;
color: #F25430;
}
/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
border-color: #F8F5EA;
color: #F8F5EA;
}


#home_banner{
		padding-left: 0px; 
		padding-right: 0px; 
		position:relative
		
}
h2{ color: #F25430;
}
.header{
	font-family: "september", sans-serif;
font-weight: 500;
	font-size: 100px;
	color:#BF2A2A
}

#home_banner h1{
	 font-family: "september", sans-serif;
font-weight: 500;
font-style: normal;
		font-size:5rem;
		color:#BF2A2A;
		text-shadow: 2px 1px #F8F5EA ;
		position: absolute;
		left: 7%;
		bottom:7%}
/*3 col main section*/
.main h2 {
	font-family: "september", sans-serif;
font-weight: 550;
font-style: normal;
	text-align: center;
color: #03588C;
padding: inherit}

p{color: #03588C;
font-family: "miller-text", serif;
font-weight: 400;
font-style: normal;
font-kerning:normal}





/*footer*/
footer {text-align: center;
line-height: 40px;

background-color:#03588C ;
color:#F8F5EA  }

/*end of footer*/

/*SMALL SIZE ONLY*/
@media screen and (min-width:576px){
#home_bg h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
    }
	
/*MEDIUM SIZE ONLY*/
@media (min-width: 768px) {
  #home_bg h1 {font-size: 2rem;
               bottom: 5%;
               left: 3%;
              }
	
	/*LARGE SIZE ONLY*/
@media screen and (min-width:992px){
    #home_bg h1 {
        font-size: 3rem;
        bottom: 5%;
        left: 3%;
        }
	button{color: aliceblue}

.navbar-brand {
    background-repeat: no-repeat;
    background-size: 40px auto;
	line-height: 30px;
    background-position: 6% center;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 3px;
    /* [disabled]background-color: rgba(169,112,113,1.00); */
}
	.carousel{ 
		padding-left: 0px;
	   padding-right: 0px;
		position:relative;
	}
	.container {
			display:flex;
	        height: 400px;
			flex-direction:row;
			justify-content:center;
		align-items: center}
	
	.element_left{
	  margin: 1em;
	  padding: 0.2em;
	  flex-basis: 60%;
	  height:200px;
}
.element_right{
	  margin: 1em;
	  padding: 0.5em;
	  flex-basis: 40%;
	height:400px;
	}
	
	.me{background: white url("../images/me.png") no-repeat center;
	      background-size: cover;
          height: 400px;
	}
	
	.row{
		display: flex;
		flex-wrap:wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
		width:100%}