/* =================================================================================== */
/* == GENERAL TYPOGRAPHY */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body { 
	font-family: 'Montserrat', 'Roboto', 'Open Sans', Arial, Sans-serif; 
	color: #666;
}

h1, h2, h3 { color: #233c77; }

/* =================================================================================== */
/* == MAIN ELEMENTS */

html,
body {
    width: 100%;
    height: 100%;
}

#header {
	min-height: 70%;
	background-color: #233c77;
	background-image: url('../img/header.jpg');
    background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	color: white;
	border-top: 10px solid #DF5969;
}

#header .header-content {
    width: 100%;
    margin: 50px 0 30px 0;
}

#header .header-content .header-content-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

#features {
	border-bottom: 10px solid #233c77;
	border-top: 10px solid #ead255;

	background-color: #84c7ce;
	padding: 50px 0;
}

#product {
	padding: 50px 0;
}

.img-border {
	border-bottom: 5px solid #DF5969;
}

#screenshots {
	padding: 50px 0;
}

#join {
	background-color: #ebe8d7;
	padding: 50px 0;
}

#footer {
	padding: 10px 0 10px 0;
	margin: 20px 0 0 0;
}


/* =================================================================================== */
/* == BOOTSTRAP OVERRIDES */

.no-spacing {
	margin: 0;
	padding: 0;
}

.jumbotron {
	background-color: transparent;
	border: 0;
}

.text-center .img-responsive { float: none; margin: 0 auto; }


/* =================================================================================== */
/* == CARDS */

.card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    border-radius: 4px;
}

.card-header {
    font-family: 'Montserrat', 'Roboto', 'Open Sans', Arial, Sans-serif;
    background-color: #f14a52;
    color: white;
    display: block;
    padding: 10px 15px;
    position: relative;
    margin: -1px -1px 0 -1px;
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #f14a52;
    border-bottom: 0;
    font-size: 18px;
}

.card-inner {
    display: block;
    padding: 20px;
    position: relative;
}

.card-inner-html {
    display: block;
    position: relative;
    padding: 0 20px 10px 20px;
}

.card-inner-html h1, 
.card-inner-html h2, 
.card-inner-html h3 { margin-top: 20px; }

.card-inner-pic {
    display: block;
    position: relative;
}

.card-inner-pic-placeholder {
    text-align: center;
    padding: 40px 20px;
}

.card-inner-pic-placeholder i {
    font-size: 50px;
    margin-bottom: 12px;
}

.card-footer {
    background-color: #e6e6e6;
    color: #878789;
    display: block;
    padding: 6px 15px;
    position: relative;
    margin: 0 -1px -1px -1px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid #ddd;
    border-top: 0;
    text-align: right;
}