body {
    background-image: url("../pix/bar.png");
    background-repeat: repeat-x;
	font-family: 'Raleway', sans-serif;
}
a:hover.thumbnail{/*remove blue border of links*/
	border:1px solid #999;
}
.modal-backdrop {
   background-color: #000;
}
.modal-backdrop.in {
    opacity: 0.7;
}

 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
    body {font-size: 14px;}
	h1{font-size: 22px;}
	h2, h3{font-size: 16px;font-weight: bold;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
    body {font-size: 14px;}
	h1{font-size: 22px;}
	h2, h3{font-size: 16px;font-weight: bold;}
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    body {font-size: 14px;}
	h1{font-size: 22px;}
	h2, h3{font-size: 16px;font-weight: bold;}
	
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
    body {font-size: 14px;}
	h1{font-size: 22px;}
	h2, h3{font-size: 16px;font-weight: bold;}
    }




/*FONTS*/
h1 {
	font-style: italic;
	font-weight: bold;
}



.modal-footer{
	border: none;
}





.image-resp {
	max-width: 100%;
    height: auto;
}



/**/
small {
padding-left: 2px;
}

/* Navbar
-------------------------------------------------- */
.navbar-default {
	margin-top: 8px;/*MOVE NAVBAR DOWN FOR COLORBAR TO SHOW*/
    background-color: rgba(255,255,255, 0.9); /* Red [0-255], Green [0-255], Blue [0-255], Alpha [0-1] */
}

.navbar-brand, .thumbnail, .fa-times {/*TURN CURSOR TO HAND WHEN ON NAVBAR*/
	cursor: pointer; cursor: hand;
}

/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #E8634D;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #E8634D;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}
/* Change active dropdown link color
-------------------------------------------------- */
ul.dropdown-menu a:hover{
    color: #E8634D !important;
}

ul.dropdown-menu a#active{
    color: #E8634D !important;
}


/* Center brand image - logo on navbar
-------------------------------------------------- */


@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        text-align: center;
    }
}


/* Center home hero shot
-------------------------------------------------- */

#header-left{
	text-align: right;
}


/* Home page glyphs
-------------------------------------------------- */

.fa-times {
    color: #ccc;
    text-shadow: 1px 1px 1px #ccc;
}
.fa-times:hover {
    color: #666;
    text-shadow: 1px 1px 1px #ccc;
}
/* Social icon page glyphs - hover not working yet
------------------------------------------------
.fa-google-plus:hover {
    color: #DB4437;
}
.fa-facebook:hover {
    color: #3B5998;
}
.fa-twitter:hover {
    color: #55ACEE;
}
.whitespace{
height:30px;
}-- */

.fa-times{
	padding-left:25px;
}
/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 40px;
  padding: 10px 0 0 0;
  background-color: #93B100;
  text-align: center;
}
.credit{
color: #666;
}

.page{
text-align: center;
}


#modal-footer-text{
float: left;
}
#modal-footer-text img{
height: 20px;
width: 20px;
}