@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400italic|Ubuntu:300,400,700);

/* Move down content because we have a fixed navbar that is 50px tall */

body {
  padding-top: 25px;
  padding-bottom: 0px;
}
 
.row {
  background:rgba(255,255,255,0.85);
}

.row-centered {
align:center;
}

.newspaper {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule: 1px outset #cccccc; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #cccccc; /* Firefox */
    column-rule: 1px outset #cccccc;
}

.well {
  background:rgba(215,215,215,1.00);
}

p {
  font-family: 'Ubuntu', sans-serif; font-weight:300;
}

h3, h4, h5 {
  font-family: 'Ubuntu', sans-serif; font-weight:700; font-color:#006699;
}

h1 {
  font-family: 'Playfair Display'; font-weight:400italic serif; font-color:#006699;
}
}

/* Extra small devices (phones, less than 768px) */
/* No media query Bootstrap is Mobile First */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
body {
  padding-top: 50px;
  padding-bottom: 0px;
}
}

@media (min-width: 768px) and (max-width: 992px) {
body {
  padding-top: 80px;
  padding-bottom: 0px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
body {
  padding-top: 50px;
  padding-bottom: 0px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}


@media all and (min-width: 900px) {
#example p:first-of-type  {
  -webkit-column-count: 2;
  -webkit-column-gap: 3%; /* Saf3, Chrome*/
  -moz-column-count: 2;   
  -moz-column-gap: 3%; /* FF3.5+ */
  column-count: 2;        
  column-gap: 3%; /* Opera 11+*/
  }