html { 
  background: url(../Images/coffee_bg.jpg) no-repeat center center fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

body {
	background-color: inherit !important;
}

h2, h3 {
    font-family: 'Lobster';
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -300px;
}

.form-horizontal {
	margin-left:50px;
}

.board {
	margin: 150px 0px 50px 0px;
	background-color: #fff;
}

.carousel {
	margin: 20px 0px;
}

.form-style input[type="text"] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Arial, Helvetica, sans-serif;
    height: 45px;
    border-radius: 0;
    color: #fff;
}

.form-style input[type="text"] {
    -webkit-box-shadow: none;
    border-radius: 0;
    color: #fff;
}

.exPopoverContainer {width:300px;height:131px;position: relative;color:#ccc;bottom:51px!important;left:-16px;}
.borderRadius {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.popBg {background-color:#000;opacity: 0.8;width:100%;height:100%;position:absolute;}
.popBody {width:100%;height:100%;position: relative;padding:10px;}
.popBody h1 {padding-bottom:5px;margin:0px;font-size:18px;}
.popHeadLine {clear:both;width:100%;height:1px;background-color:#383737;margin:auto;}
.popContentLeft {width:269px;float: left;font-size:11px;text-align:left;margin-top: 10px;}
.popContentRight {width:100px;float: right;margin-top: 10px;text-align: center;}
.arrow-down {position: absolute;width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #000;opacity: 0.8;}

@media (max-width: 500px) {
    .centered {
        position: relative !important;
        top:inherit;
        left:inherit;
        margin-top: 100px;
        margin-left: inherit;
    }
}

@media (min-width: 501px) and (max-width: 767px) {
    .centered {
        position: relative !important;
        top:inherit;
        left:inherit;
        margin-top: 100px;
        margin-left: inherit;
    }
}