/*******************************************************************************
 * Base.
 */
body {
    color: #1e1e1e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-top: 70px;
}


a:active {
    color: #a00;
}

a:link {
    color: #005B72;
    text-decoration: none;
}

a:hover {
    color: #a00;
}

a:visited {
    color: #780093;
}

::selection {
    background: #a0a000;
    text-shadow: none;
}

/*******************************************************************************
 * Bootstrap callout.
 */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/*******************************************************************************
 * Bootstrap required fields.
 */
.form-group.required .control-label:before {
    content: '* ';
    color: #a00;
    font-weight: bold;
}

/*******************************************************************************
 * Classes.
 */
svg.logo {
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

svg.logo .outer-ring {
    fill: #222;
}

svg.logo .middle-ring {
    fill: #fff;
}

svg.logo .center-ring {
    fill: #c00;
}

svg.logo .shine {
    fill: #222;
    opacity: 0.1;
}

/*******************************************************************************
 * Home page.
 */
#computer {
    background: url(/img/pc.png) top center no-repeat;
    height: 560px;
    margin: 0 0 40px 0;
    position: relative;
}

.carousel {
    margin: 0 auto;
    padding: 55px 0 0;
    width: 680px;
}

.carousel .item {
    height: 428px;
    overflow: hidden;
    width: 680px;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    padding: 10px;
}

.carousel-caption h2 {
    color: #d90;
    font-size: 36px;
    font-weight: bold;
}

.carousel-caption p {
    font-size: large;
}

.carousel-caption a {
    color: #fff;
    font-weight: bold;
}

.carousel img {
    width: 680px;
}

.carousel-control {
    color: #999;
}

.carousel-control.left {
    background: none;
    left:-120px;
}

.carousel-control.right {
    background: none;
    right:-120px;
}

.giordana-caption-top {
    top: 0;
}

section {
  margin-bottom: 2em;
}

div.thumbnail blockquote {
  min-height: 150px;
}

/*******************************************************************************
 * Media Queries.
 *
@media screen and (max-width: 600px) {}
@media screen and (min-width: 900px) {}
@media screen and (min-width: 600px) and (max-width: 900px) {}
@media screen and (max-device-width: 480px) {}
 */
@media (max-width: 767px) {
    #computer {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .carousel-control {
        display: none;
    }
}

@media (max-width: 992px) {
    #computer {
        background-image: none;
    }

    div.thumbnail blockquote {
        min-height: 220px;
    }
}

@media print {
    #header,
    #navbar,
    #footer {
        display: none;
    }
}