/*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 (min-width: 360px) {
    .container {
        max-width: none;
        padding-left: 0px;
        padding-right: 0px;
    }

    /*#main-slider > .container {
        max-width: none;
        padding-left: 0px;
        padding-right: 0px;
    }*/
}


/*@media (max-width: 767px) {
    .carousel-content > h1 {
        font-size: none;
    }
    .carousel-content > h2 {
        font-size: none;
    }
}*/

@media (min-width: 300px) and (  max-width: 640px) {
    .carousel-content > h1 {
        font-size: 14px !important; 
    }
    .carousel-content > h2 {
        font-size: 12px !important; 
    }
}

@media (min-width: 640px) and (  max-width: 852px) {
    .carousel-content > h1 {
        font-size: 16px;
    }
    .carousel-content > h2 {
        font-size: 12px;
    }
}

@media (min-width: 850px) and (  max-width: 1024px) {
    .carousel-content > h1 {
        font-size: 18px;
    }
    .carousel-content > h2 {
        font-size: 14px;
    }
}

@media (min-width: 1024px) and (  max-width: 1098px) {
    .carousel-content > h1 {
        font-size: 20px;
    }
    .carousel-content > h2 {
        font-size: 14px;
    }
}

@media (min-width: 1098px) and (  max-width: 1218px) {
    .carousel-content > h1 {
        font-size: 24px;
    }
    .carousel-content > h2 {
        font-size: 14px;
    }
}

@media (min-width: 1218px) and (  max-width: 1340px) {
    .carousel-content > h1 {
        font-size: 28px;
    }
    .carousel-content > h2 {
        font-size: 14px;
    }
}

@media (min-width: 1340px) and (  max-width: 1460px) {
    .carousel-content > h1 {
        font-size: 32px;
    }
    .carousel-content > h2 {
        font-size: 16px;
    }
}

@media (min-width: 1460px) and (  max-width: 1510px) {
    .carousel-content > h1 {
        font-size: 34px;
    }
    .carousel-content > h2 {
        font-size: 18px;
    }
}


@media (min-width: 1510px) and (  max-width: 1792px) {
    .carousel-content > h1 {
        font-size: 38px;
    }
    .carousel-content > h2 {
        font-size: 20px;
    }
}

@media (min-width: 1792px) and (  max-width: 1824px) {
    .carousel-content > h1 {
        font-size: 42px;
    }
    .carousel-content > h2 {
        font-size: 24px;
    }
}

@media (min-width: 1824px) {
    .carousel-content > h1 {
        font-size: 48px;
    }
    .carousel-content > h2 {
        font-size: 28px;
    }
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, select.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}