/* CSS Document 
font-family: 'Lustria', serif;
font-family: 'Sofadi One', cursive;
font-family: 'Maven Pro', sans-serif;

*/
.carousel-control {
  top:0;
  width:auto;
  height:100%;
  background:transparent;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right  {
  position:static;
  display:block;
  width:auto;
}
.carousel-control .glyphicon-chevron-left:before {
  margin-left:0;
}
.glyphicon-chevron-left:before{
  margin:auto 0px; 
  width:30px;
}
body {font-family: 'Muli', 'futura-pt', sans-serif; font-size:16px;padding-bottom: 70px;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {font-family: 'Arvo', sans-serif;, cursive;}
div.row h1.text-center.homePage {font-size:2.6em;}
h1{font-size: 2.5em;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.9em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1em;}
.noMainBody {display:none !important;}
.custom {margin-bottom:20px;}
img.fpThumb {margin-right: 10px;}

nav.navbar-inverse, div.navbar-default {background-color:#FFB147 !important;border-color: #080808;font-size:.8em;}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.panel {font-size:.8em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: .85em;}
.btn {font-size:.8em;margin-left:60px;}
body{padding-bottom: 120px}
.carousel-control { top:45%;  width:auto; height:20px; background:transparent;}
.carousel-control.left {background-image:none;color:#428bca}
.carousel-control.right {background-image:none;color:#428bca}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-device-width  : 321px) and (max-device-width : 480px) {
.panel {font-size:.8em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: .85em;}
.btn {font-size:.8em;margin-left:60px;}
div.row h1.text-center.homePage {font-size:1.3em;}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content: "\e080"}
.carousel-control { top:45%;  width:auto; height:20px; background:transparent;}
.carousel-control.left {background-image:none;color:#428bca}
.carousel-control.right {background-image:none;color:#428bca}
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
.panel {font-size:.8em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: .85em;}
.btn {font-size:.8em;margin-left:60px;}
body{padding-bottom: 120px}
div.row h1.text-center.homePage {font-size:1.3em;}
.glyphicon-chevron-left:before{content: "\e079"}
.glyphicon-chevron-right:before{content: "\e080"}
.carousel-control { top:45%;  width:auto; height:20px; background:transparent;}
.carousel-control.left {background-image:none;color:#428bca}
.carousel-control.right {background-image:none;color:#428bca}
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.panel {font-size:1em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: 1.05em;}
.btn {font-size:1em;margin-left:60px;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.panel {font-size:1em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: 1.05em;}
.btn {font-size:1em;margin-left:60px;}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.panel {font-size:1em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: 1.05em;}
.btn {font-size:1em;margin-left:60px;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.panel {font-size:1em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: 1.25em;}
.btn {font-size:1em;}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.panel {font-size:1em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: 1.25em;}
.btn {font-size:1em;}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
.panel {font-size:.8em; margin-left:10px;margin-right:10px;}
.panel h2.panel-title {font-size: .85em;}
.btn {font-size:.8em;margin-left:60px;}
}
h5.text-danger {margin-bottom:10px;}
audio {height:100%;
width:100%;
margin-top:5px;}