/* 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:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* VARIABLES */
/*EXTENSIONS*/
@import url(http://fonts.googleapis.com/css?family=Voltaire);
/* line 14, ../sass/screen.scss */
.special-font, h1, h2, h3, h4, .lead, .alt .lead, .btn, .navbar a {
  text-transform: uppercase;
  font-family: 'Voltaire',Arial,sans-serif;
  letter-spacing: 2px;
}

/* line 23, ../sass/screen.scss */
.brimley-header {
  height: 305px;
  width: 305px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  background: transparent url("../images/mrb.jpg") -113px -60px no-repeat;
}

/* line 32, ../sass/screen.scss */
#instafeed {
  margin: 0 auto;
}
/* line 34, ../sass/screen.scss */
#instafeed img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 5px;
}

/* line 43, ../sass/screen.scss */
html,
body {
  width: 100%;
  font-family: Arial,sans-serif;
  padding-top: 20px;
}

/* fix bs3 horizontal scrollbar bug */
/* line 50, ../sass/screen.scss */
.row {
  margin: 0;
  padding: 0;
}

/* use special fonts in certain elements */
/* line 58, ../sass/screen.scss */
h1 {
  font-size: 50px;
}

/* make images gray */
/* line 63, ../sass/screen.scss */
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* line 69, ../sass/screen.scss */
.icon-bar {
  background-color: #fff;
}

/* line 74, ../sass/screen.scss */
.scroll-down a,
.scroll-top a {
  color: #ffffff;
}

/* line 78, ../sass/screen.scss */
.scroll-down {
  position: fixed;
  bottom: 20%;
  right: 0%;
  color: #f9f9f9;
}

/* line 85, ../sass/screen.scss */
.scroll-top {
  background-color: #dbdbdb;
}

/* line 89, ../sass/screen.scss */
.vert {
  vertical-align: middle;
  width: 100%;
  padding-top: 4%;
  text-align: center;
}

/* line 97, ../sass/screen.scss */
.header .btn-lg {
  font-size: 28px;
  border-color: #eeeeee;
  padding: 15px;
  background-color: transparent;
  color: #ffffff;
}
/* line 105, ../sass/screen.scss */
.header .btn-lg:hover {
  background-color: #eeeeee;
  color: #777777;
}

/* line 112, ../sass/screen.scss */
.navbar a {
  color: #fff;
  font-size: 14px;
}

/* line 118, ../sass/screen.scss */
.navbar-bold {
  background-color: #f68076;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}
/* line 121, ../sass/screen.scss */
.navbar-bold.affix {
  background-color: #d46054;
}
/* line 125, ../sass/screen.scss */
.navbar-bold li a:hover,
.navbar-bold li.active {
  background-color: #d46054;
}

/* line 130, ../sass/screen.scss */
.header {
  padding-bottom: 20px;
}
/* line 132, ../sass/screen.scss */
.header h1 {
  font-size: 80px;
  /*  -webkit-text-stroke: 1px rgba(f,f,f,0.1);*/
  color: #431a6d;
  color: #fff;
  margin-left: -5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
/* line 141, ../sass/screen.scss */
.header .lead {
  color: #ffcd64;
  font-size: 25px;
}

/* use alt in navbar and header for different color */
/* line 149, ../sass/screen.scss */
.alt {
  background-color: #28bcc9;
}
/* line 154, ../sass/screen.scss */
.alt.affix {
  background-color: #28bcc9;
}
/* line 158, ../sass/screen.scss */
.alt li a:hover,
.alt li.active {
  background-color: #ff6c64;
}

/* line 163, ../sass/screen.scss */
.blurb {
  padding: 120px 0;
  background-color: #fefefe;
}
/* line 166, ../sass/screen.scss */
.blurb .panel {
  background-color: transparent;
}

/* line 172, ../sass/screen.scss */
.blurb
.bright {
  background: #dbdbdb url("http://www.bootply.com/assets/example/pt_topo.png") repeat center center fixed;
  color: #777;
}

/* line 177, ../sass/screen.scss */
.featurette {
  background: #ffbc30;
  padding: 50px 0;
  color: #ffffff;
}

/* line 183, ../sass/screen.scss */
.featurette-item {
  margin-bottom: 15px;
}
/* line 185, ../sass/screen.scss */
.featurette-item a {
  color: #fff;
}
/* line 188, ../sass/screen.scss */
.featurette-item i {
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  font-size: 56px;
  width: 140px;
  height: 140px;
  line-height: 136px;
  vertical-align: middle;
  text-align: center;
}
/* line 199, ../sass/screen.scss */
.featurette-item i:hover {
  font-size: 68px;
}

/* line 205, ../sass/screen.scss */
.callout {
  color: #ffffff;
  height: 70%;
  width: 100%;
  background: url("/images/brimleybgblur.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 20px;
}

/* line 218, ../sass/screen.scss */
.gallery {
  padding: 50px 0;
}

/* line 222, ../sass/screen.scss */
.call-to-action {
  background: #eeeeee;
  padding: 50px 0;
}
/* line 225, ../sass/screen.scss */
.call-to-action .btn {
  margin: 10px;
}

/* line 230, ../sass/screen.scss */
footer {
  padding: 100px 0;
}