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

		#header-bg {
			background: url('dist/images/header-bg-right.jpg') no-repeat top right;

		}
		
		.hero-right-decoration {
		width: 720px;
		height: 320px;
		top: -200px !important; /* min -80px, i.e. header height */
		left: calc(50% - 360px);

		background-size: 720px 320px;
		z-index: -1;
	}
		
		.hero {

    padding-top: 100px;
		}
		
		.feature-icon img {
			max-width: 128px !important;
		}
		
		.site-footer .container {
			display: flex;
  
  /* Then we define the flow direction 
     and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   
  flex-flow: row wrap;*/
  
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
			
		}

.site-header {
	z-index: 1;
}
		
		.site-footer-inner, .footer-brand {
			display: block;
			padding-top: 80px;
		}
		
		.footer-copyright {
			display: block;
		}
		
		.footer-brand img {
			max-width: 50%;
			margin: auto;
		}
		
		.footer-brand {
			justify-content: center;
		}
		
		.flex-container {

			  list-style: none;

			  display: -webkit-box;
			  display: -moz-box;
			  display: -ms-flexbox;
			  display: -webkit-flex;
			  display: flex;

			  -webkit-flex-flow: row wrap;
			  justify-content: space-around;
			}

			.flex-item {
			  

			  width: 50%;

			  margin-top: 10px;

			}

		.feature-icon img {
			
			display: none;
		}
		
		.feature {
			
			width: 157px;
			max-width: 157px;
			padding: 4px;

			
			
		}
		
		
		.feature-inner {
			padding: 10px;
			background: #fff url('dist/images/feature-icon-athena-20pc.svg') no-repeat top right;
			background-position: -125px 195px;
			background-size:200px;
			
		}
		

		
		.text-sm {
			font-size: 15px;
			color: #000;
		}
		
		.feature-title {
			
			min-height: 70px;
		}
		
		.section-paragraph, .email-disc p {
			padding: 10px 0;
			text-align: justify !important				;
		}

		.features h2 {
			font-size: 24px;
			text-align: left;
		}

		.features h1 {
			
			font-size: 32px;
			text-align: left;
		}
		
		.feature-title {
			font-size: 16px;
		}
		
		.container .container-sm {
			max-width: 1080px;
		
		}
		
		.features .section-paragraph {
			padding: 20px 0;
		}
		
		.features-inner {
			padding-top: 130px;
			
		}
		
		.features a {
			
			background-color: rgb(58, 205, 246);

		  color: white;
		  padding: 2px 10px;
		  position: relative;
		  text-decoration: none;

		}

		.features a:hover {
		  background-color: #0088A8;
		  cursor: pointer;
		}

		.features a:active {
		  box-shadow: none;
		  top: 5px;
		}