﻿/*
	header {
		position:fixed; top:0; right:0; left:0;
		width:100%; min-height:60px;
		z-index:500;
		overflow:visible;
		background-color:rgba(142,30,46,0.85);
		
		-webkit-transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s;
		-moz-transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s;
		-ms-transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s;
		transition:background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s;
		}		
	html:not(.reveal-out) header:hover {
		background-color:rgba(27,27,27,1);
		}		
	html.nav-up header {
		top:-60px;
		}
	html.nav-down header {
		top:0;
		}
		
	header #logo { 
		position:absolute; top:10px; left:15px; z-index:501;
		}
	header #logo a { 
		display:block; 
		text-indent:-9999px;
		background-repeat:no-repeat; background-position:center;
		}
	header #logo a:active {
		position:relative;
		top:1px;
		}	
		
	@media (min-width:0) and (max-width:991px) {
			
	html.reveal-out header {
		bottom:0; 
		height:100%; max-height:100%;
		overflow:auto;
		padding:60px 0;
		}
	html.reveal-out header, html.nav-down.reached-top.reveal-out header {
		background-color:rgba(208,69,49,1);
		}
		
	}		
			
	@media (min-width:768px) {
		
	}	
	
	@media (min-width:992px) {
		
	}
		
	@media (min-width:1200px) {
		
	}

.home_page_top_title {
    margin-top: -30px;
}

.home_center_area {
     display: flex; 
     flex-wrap: wrap; 
     width: 100%;
     border-top: solid 1px #aaa;
     border-bottom: solid 1px #aaa;
}

.home_welcome_area {
     width: 60%; 
     padding-right: 10px;
}

.home_welcome_title {
    padding: 30px 0;
    font-size: 120%;
}

.home_login_area {
     display: flex;
     flex-wrap: wrap;
}

.home_intro {
    width: 50%;
    font-size: 90%;
    padding-right: 30px;
}

.home_button_area {
    width: 50%;
}

.home_login_button {
    width: 75%;
    margin-bottom: 10px;
}

.home_signup_button {
    width: 75%;
}

.home_cs_description {
    width: 40%;
    background-color: #eee;
    padding: 10px 10px;
}

.home_cs_founding {
    padding-top: 10px;
}

.home_cs_consultancy {
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 85%
}

.home_features_title {
    margin-top: 10px;
     margin-bottom: 30px;
}

.home_features_area {
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap;
}

.home_feature_item {
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap;
    flex-grow: 1;
}

.home_feature_item:not(:last-child) {
    border-right: solid 3px #ccc;
    padding-right: 10px;
}

.home_feature_item:not(:first-child) {
    padding-left: 10px;
}

.feature_icon {
     height: 140px; 
     width: 140px;
}

.feature_description
{
    width: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* align horizontal * /
}

.login_assistance_pod {
    border-left: solid 2px #ccc;
    margin-left: 40px;
    padding-left: 50px;
    margin-top: 60px;
}

.login_assistance_title {
    font-weight: bold;
    font-size: 120%;
    border-bottom: solid 1px #ccc;
    padding-bottom: 8px;
    margin-bottom: 5px;
}

.login_assistance_description {
    margin-bottom: 30px;
}
*/
