@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,300);

html {
	position: relative;
	font-family: 'Merriweather', serif;
	height: 100%;
	width: 100%;
}

body {
	padding-top: 66px;
	margin: 0 0 30px;
	font-family: 'Nunito', serif;
	height: 100%;
	width: 100%;
}

p {
	font-family: 'Merriweather', serif;
}


/*****************************

 START: NAVIGATION;

 ****************************/

.navbar-default {
	background-color: #90cddd;
	border: none;
	color: white !important;
	padding: 0px;
}

.navbar-default .navbar-nav > li > a/*, .navbar-default .navbar-brand*/ {
	color: white;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-left: 5px;
}

/*
div.collapse.navbar-collapse > ul {
	font-size: 2em;
	/*top: 30px;
}*/


div.navbar-header > a {
	font-size: 1.9em;
	margin-right: 10px;
	/*padding-top: 21px;*/
}

/*.navbar-default .navbar-nav > li > a {
	font-size: 2em;
}*/

.navbar-collapse .navbar-nav > li > a {
	font-size: 1.80em;
	/*margin-left: 10px;*/
}

.menu ul {
	display: none;
	/*font-size: 0.5em;*/
	left: 0px;
	color: grey;
	position: fixed;
	top: 66px;
	background: #e0eefa;
	z-index: 100;
	width: 100%;
	margin: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	-webkit-transform: none;
	-o-transform: none;
	transform: none;
}

.menu ul li {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:2%;
}

.dropdown-menu li a {
	padding: 0;
}

#navigation {
	display: none;
	font-size: 1em;
	position: fixed;
	top: 60px;
	padding-top: 15px;
	width: 100%;
	background: #e0eefa;
	z-index: 100;
	
}


#navigation li {
	padding-right: 1.5%;
	padding-left: 1.5%;
}


#socialmedia {
	margin-top: 30px;
}


/**************************

 END: NAVIGATION

 *************************/

.one {
	background: #cfd3d6;
}


.two {
	background: white;
}



.footer {
	/*position: absolute;*/
	position: relative;
	background: #a1a1a1;
	width: 100%;
	color: white;
}

.footer a {
	color: white;
}

.footer .col-centered {
	margin-left: 40px;
	margin-right: 40px;
}

.footer .row {
	padding-top: 3.5%;
	padding-bottom: 13.5%;
}

#footer-contact {
	background: #969899;
	text-align: center;
}

.footerapp {
	/*position: absolute;*/
	position: relative;
	background: #a1a1a1;
	width: 100%;
	color: white;
}

.footerapp a {
	color: white;
}

.footerapp .col-centered {
	margin-left: 40px;
	margin-right: 40px;
}

.footerapp .row {
	padding-top: 3.5%;
	padding-bottom: 13.5%;
}

#footerapp-contact {
	background: #969899;
	text-align: center;
}


.beta {
	position: relative;
	background-color: #edb400;
	padding-top: 5%;
	padding-bottom: 5%;
}

.beta #betainvite {
	display: inline;
}

.row-centered {
    text-align:center;
}

.col-centered {
	vertical-align: top;
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:0px;
}

.videobuttons {
	float: left;
	margin: 0 15px 15px 0;
}


@media (max-width: 1000px) {
	/*
	div.collapse.navbar-collapse > ul > li > a {
		font-size: 19.3px;
	}*/

	#header .col-md-7 {
		display: none;
	}

	#form {
		padding-top: 10%;
	}

	div.navbar-header > a {
		font-size: 2.2em;
	}

	.navbar-collapse .navbar-nav > li > a {
		font-size: 1.2em;
		padding-left: 8.5px;
		padding-right: 8.5px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

}


@media (max-width: 768px) {

	.footer .row, #socialmedia {
		display: none;
	}

	h1 {
		font-size: 20px;
	}

	p {
		font-size: 15px;
	}

	.row {
		padding-left: 25px;
		padding-right: 25px;
	}

	a.navbar-brand {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}