@import 'https://fonts.googleapis.com/css?family=Dancing+Script:400,700';
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700,700i';

* {
  box-sizing: border-box;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: transparent;
  margin: auto;
  padding: 0px;
  border: 0px;
  width: 80%;
  box-shadow: none;
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 45px;
  font-weight: bold;
  opacity:1;
  padding-right:40px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

button#myBtn{
padding:10px 15px;
font-size:14px;
text-transform: uppercase;
background: #fff;
border:2px solid #717171;
}


body {
  margin: 0;
  font-family: Arial;
}

.header {
  text-align: center;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  .desktop-only{
      display:none;
  }
}
@media screen and (min-width: 600px) {
  .mobile-only{
      display:none;
  }
}



body {
	background:#fffcf4;
	color:#b2b2b2;
	font-family: 'Roboto', sans-serif;
	line-height:1.85;
    font-size:16px;
}

h1, h2, h3, h4, h5 {
	font-family: 'Dancing Script', cursive;
	color:#b2b2b2;
    line-height:1.3;
}

h2 {
  font-size:48px;
}

h3 {
  font-size:36px;
}

h4 {
  font-size:28px;
}
h5 {
  font-size:18px;
  text-align:center;
}
a {
  color:#B2B2B2;
  text-decoration:none;
}
a:hover{
  text-decoration:none;
  border-bottom:2px solid #b2b2b2;
}

img {
  max-width:100%;
  height:auto;
}

.btn.btn-default, .btn.btn-default:hover {
  border:2px solid #ececec;
  border-radius:0px;
  font-family: 'Dancing Script', cursive;
  color:#b2b2b2;
  background:none;
  font-size:24px;
  text-decoration:none;
  
}
.btn.btn-default:hover {
  border-color:#b2b2b2;
}
.btn.btn-default.btn-image {
  padding:0px;
  
}

.navbar-default .navbar-brand {
  padding:0px;
}
.navbar-default .navbar-brand:hover {
  border:none;
}

.navbar-default {
    background-color: transparent;
    border:none;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li.active>a:focus, .navbar-default .navbar-nav>li.active>a:hover {
  font-family: 'Dancing Script', cursive;
  background:none;
  color:#b2b2b2;
  font-size:28px;
  text-decoration:none;
  background:none;
  padding:0px 15px;
  line-height:1.5;
  text-align:center;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  background:none!important;
  
  color:#b2b2b2;
}

.about {
  padding:20px 10px;
}

.padded {
  padding:30px 20px;
}

.center{
    text-align:center;
}
.row-white {
	background:#fff;
}

.row-white, .row-beige {
  padding: 20px 5%;
}

.row-white.image {
    padding: 0;
}

.header {
  padding-bottom:0px;
}

.border-bottom {
  padding-bottom:20px;
  border-bottom:2px solid #b2b2b2;
}
.bible-quote {
  padding:20px 0px;
}
.subheading {
  padding-bottom:20px;
}

.fb-link, .etsy-link {
  margin-top:20px
}
.fa.fa-facebook-official {
  color:#3b5998;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  margin:0 auto;
}

.carousel-caption {
  position:relative;
  right:auto;
  left:auto;
  text-shadow:none;
  color:#B2B2B2;
}

.carousel-indicators li {
  border-color:#717171;
}

.carousel-indicators {
    bottom: -30px;
    left: 30%;
    margin-left: -30%;
    width:100%;
    z-index:1;
}

.carousel-indicators li.active {
  background:#B2B2B2;
}

.left.carousel-control, .right.carousel-control, .carousel-control:hover {
    background: none;
    color: #b2b2b2;
    border:none;
    text-decoration:none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    top:40%;
}
@media screen and (min-width:768px){
  .etsy-link {
    position:absolute;
    right:0;
  }
}
@media screen and (min-width:1024px){
  .fb-link {
    position:absolute;
    right:0;
  }
}