body
{
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content
{
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt
{
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea
{
    max-width: 280px;
}

@media (max-width: 768px)
{
    .navbar > .container .navbar-brand
    {
        font-size: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

	.promotext
	{
		font-size:12px;
		font-weight:bold;
	}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button 
{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.logoimg
{
	width:70%;
	height:auto;
}

.logoimgcontainer
{
	min-width:350px;
	width:90%;
	text-align:center;
}

.promotext
{
	color:#696969;
}

.buybutton
{
	color: #ffffff!important;
    font-weight: bold;
    font-size: 22px;
    background-color: #0069cb!important;
    border-radius: 9px;
    padding: 11px;
    margin-top: 4px;
    margin-right: 11px;
}

.bgcontainer
{
	position:fixed;
	top:150px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
}

	.bgcontainer > img
	{
		width:100%;
		height:auto;
	}

.jtransparent
{
	opacity:.7;
}