@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
body {
padding: 0; }
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
padding-left: 15px;
padding-right: 15px; }
/* Custom page header */
.header {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
/* Make the masthead heading the same height as the navigation */ }
.header h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 40px;
padding-bottom: 19px; }
/* Custom page footer */
.footer {
padding-top: 19px;
color: #777;
border-top: 1px solid #e5e5e5; }
.container-narrow > hr {
margin: 30px 0; }
/* Main marketing message and sign up button */
.jumbotron {
text-align: center;
border-bottom: 1px solid #e5e5e5; }
.jumbotron .btn {
font-size: 21px;
padding: 14px 24px; }
/* Supporting marketing content */
.marketing {
margin: 40px 0; }
.marketing p + h4 {
margin-top: 28px; }
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
.container {
max-width: 730px; }
/* Remove the padding we set earlier */
.header,
.marketing,
.footer {
padding-left: 0;
padding-right: 0; }
/* Space out the masthead */
.header {
margin-bottom: 30px; }
/* Remove the bottom border on the jumbotron for visual effect */
.jumbotron {
border-bottom: 0; } }
/* Welcome to Compass.
* In this file you should write your main styles. (or centralize your imports)
* Import this file using the following HTML or equivalent:
* */
/* @import "compass/reset"; */
/*$gray-70: rgba(40,46,48,0.7);
$gray-50: rgba(40,46,48,0.5);*/
/*$turquoise-50: rgba(125,205,205,0.5);
$turquoise-30: rgba(125,205,205,0.3);*/
/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
/**
* Reset Bootstrap 3 .form-control styles which - if applied to the
* original