body {
	background-color: white;
	color:black;
	font-family: 'Open Sans', sans-serif;
	padding-top:60px;
}

h1,h2,h3,h4,h5,h6 {
	color:#E14658; /* red color */
	font-family: 'Dosis', sans-serif;
}

.a-link {
	text-decoration: none;
	color:black;
}

.a-link:hover {
	text-decoration: none;
	color: #E14658;
	font-weight: 700;
}

.text-red {
	color: #E14658;
}

#navbar-logo {
	width:45px; height:40px;
	margin:-10px 0px;
}

.navbar-brand {
	font-family: 'Dosis', sans-serif;
}

.flex-container {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	justify-content: center;
	align-items: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}

.white-box {
	margin: 10px 0% 10px 0%;
	padding: 30px 5% 30px 5%;
	background-color:#F6F1F1;
	border-radius:5px;
	-webkit-flex: 1 0 auto;
}

@media screen and (min-width: 0px) and (max-width:480px) {
    .white-box {
        width:100%;
    }
}
@media screen and (min-width: 401px) and (max-width:800px) {
    .white-box {
        width:80%;
    }
}
@media screen and (min-width: 801px) {
    .white-box {
        max-width:640px;
    }
}