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

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

.header {
    background-image: url('/images/header.png');
    background-repeat: no-repeat;
    /*background-size: 100% 100%;*/
}

@media (min-width: 1200px){
    .searchWell {
        background: rgb(217, 14, 17);
        height: 70px;
        width: 370px;
        text-align: right;
        padding-top: 15px;
        margin-top: 250px;
    }

    .searchBox {
        position: relative;
        top: -38px;
        margin-left: -40px;
    }

    .buttonwidth {
        width: 320px;
    }

    .padleft {
        margin-left: -60px;
    }

    .advert {
        margin-left: -60px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .searchWell {
        background: rgb(217, 14, 17);
        height: 70px;
        width: 370px;
        text-align: right;
        padding-top: 15px;
        margin-top: 250px;
    }

    .searchBox {
        position: relative;
        top: -38px;
        margin-left: -40px;
    }

    .buttonwidth {
        width: 280px;
    }

    .padleft {
        margin-left: -15px;
    }

    .advert {
        margin-left: -15px;
    }
}

@media (min-width: 397px) and (max-width: 991px) {
    .searchWell {
        background: rgb(217, 14, 17);
        height: 70px;
        width: 370px;
        text-align: right;
        padding-top: 15px;
        margin-top: 10px;
        min-width: 250px;
    }

    .searchBox {
        position: relative;
        top: -38px;
        margin-left: -40px;
    }

    .buttonwidth {
        width: 280px;
    }

}

@media (min-width: 307px) and (max-width: 396px) {
    .searchWell {
        background: rgb(217, 14, 17);
        height: 70px;
        width: 290px;
        text-align: right;
        padding-top: 15px;
        margin-top: 10px;
        min-width: 260px;
        margin-left:-15px;
    }

    .searchBox {
        position: relative;
        top: -38px;
        margin-left: -40px;
    }

    .reduceifneeded{
        width: 200px;
    }

    .buttonwidth {
        width: 200px;
    }
}

@media (max-width: 306px) {
    .searchWell {
        background: rgb(217, 14, 17);
        height: 70px;
        width: 250px;
        text-align: right;
        padding-top: 15px;
        margin-top: 10px;
        margin-left: -20px;
        min-width: 260px;
    }

    .searchBox {
        position: relative;
        top: -38px;
        margin-left: -50px;
    }

    .reduceifneeded {
        width: 160px;
    }

    .buttonwidth {
        width: 200px;
    }
}

/* 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;
}

.box1{
	border:2px solid #6e7bbd;
	color:#ffd426;
	font-size:30px;
	font-weight:bold;
	display: block;
	Height: 55px;
	padding-top:5px;
    margin-top:5px;
}

.column{
    margin-top:20px;
    padding-left: 20px;
    text-align:center;
    color:#ffffff;
	font-size:18px;
	font-weight:bold;
	display: inline-block;
}

.submit{
    padding-left:28px;
}

.raisetext{
    margin-top:-10px;
}

.spaceout {
    margin-top: 20px;
}

.modal-content {
    max-width: 600px /*!important*/;
    margin: 30px auto /*!important*/;
}

.modal .modal-body {
    max-height: 800px;
    overflow-y: auto;
}

.padtop {
    margin-top: 25px;
}

.mid {
    vertical-align: middle !important;
}

.token {
    width: 40px;
}