/* ORIGINAL FROM - SIMPLY ME - SAMPLE PAGE */
  
  body {
      font: 20px Montserrat, sans-serif;
      line-height: 1.8;
      color: #000;
		}
  p {
	  font-size: 16px;
	  }
	  
.margin {
	margin-bottom: 0px;
	}
.margin-textworks-gallery {
	margin-bottom: 25px;
	}
.margin-image {
	margin-bottom: 80px;
	}
.margin-index {
	margin-bottom: 29px;
	}
	.margin-gallery {
	margin-bottom: 32px;
	}
  /*.bg-1 { 
      background-color: #1abc9c; Green
      color: #ffffff;
  }
  */
  /* .bg-2 { 
      background-color: #474e5d; Dark Blue 
      color: #ffffff;
  }*/

  /*.bg-3 { 
      background-color: #ffffff;  White 
      color: #555555;
  }*/
  /*.bg-4 { 
      background-color: #2f2f2f;  Black Gray 
      color: #fff;
  }*/
  /*CONTAINERS******************
  INDEX 1*/
.container-fluid {
	  padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 32px;
	  padding-bottom: 0px;
  }
  /*INDEX 2*/
.container-fluid-2 {
      padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 0px;
      padding-bottom: 35px;
  }
  /*IMAGE TITLES*/
.container-fluid-titles {
      padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 20px;
      padding-bottom: 6px;
  }
.container-fluid-titles-2nd {
      padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 0px;
      padding-bottom: 80px;
  }
 /*BRAND HEADER CONTAINER*/
.container-fluid-brand-header {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 36px;
		padding-bottom: 0px;
  }
 
.container-fluid-bio-header {
		padding-left: 15px;
		padding-right: 15px;
		
		padding-top: 0px;
		padding-bottom: 0px;
    }
.container-fluid-TOP {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 60px;
    }
.container-fluid-TOP-2 {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 120px;
    }
	 
/*portrait wrapper*/
.wrapper-portrait {
	width: 60%;
	}
  /*END CONTAINERS END*/
  .row {
margin: 0px;
}
  /* NAVBAR FROM - SIMPLY ME - SAMPLE PAGE */
  .navbar {
      padding-top: 15px;
      padding-bottom: 15px;
      border: 0;
      border-radius: 0;
      margin-bottom: 0;
      font-size: 12px;
      letter-spacing: 5px;
  }
  .navbar-nav  li a:hover {
      color: #F00 !important;
  }
</style>
  /* END FROM - SIMPLY ME - SAMPLE PAGE END*/
  /* STEVE borderless TABLES*/
  .borderless {
 border:none;
}
.center-2 {
    margin:0 auto;
    text-align:center;
}
.center-block {
   margin-left:auto;
   margin-right:auto;
   display:center;
}
/* Carousel adjustments*/
.carousel-control.right, .carousel-control.left {
  background-image:none;
}
.carousel-indicators li { 
visibility: hidden; 
}

@media screen and (max-width: 568px) {
.container-fluid {
	  padding-left: 5px;
	  padding-right: 5px;
	  padding-top: 10px;
	  padding-bottom: 0px;
  }
    /*IMAGE TITLES*/
.container-fluid-titles {
      padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 14px;
      padding-bottom: 5px;
  }
.container-fluid-titles-2nd {
      padding-left: 15px;
	  padding-right: 15px;
	  padding-top: 0px;
      padding-bottom: 80px;
  }	
}

@media only screen and (min-width:768px) and (max-width:1269px) {
    /* In my particular design, I used a fluid grid limited to a 
       max-width of 1140px, while (if there is enough room)
       pushing the menu outside of layout, requiring a total
       limit of at least 1270px. 
       So, this first query applies to any screen-width less
       than 1270px, and adapts accordingly. */
}
@media only screen and (min-width:768px) and (max-width:959px) {
    /* Here is where I adjust for Ipad's and similar screen
       widths. Note that the above query and this one overlap
       meaning any rules above will also apply. */
}
@media only screen and (min-width:0px) and (max-width:767px) {
   /* As soon as we fall below the Ipad's width I use my 'mobile'
      design. So, everything in this query is meant for 
      smartphones and other small screens. */
}

/* A popular grid size used is 960px. Skeleton, a new Boilerplate
   for Responsive, mobile-friendly development, is based on that.
   http://www.getskeleton.com/src/stylesheets/skeleton.css */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Here, Skeleton sets the rules for anything less than 960px
       and at least the size of the Ipad screen. */
}
@media only screen and (max-width: 767px) {
    /* Here, rules for anything less than Ipads width, with the
       advice to design for the smallest common width, 320px.
       This is the majority of smarthphones. */
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* This is for any screen less than Ipad's width and at least
       480px. This covers a many large-screened smartphones. It
       is declared after the above rule so it overrides the rules
       meant for 320px. */
}