/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : 27/08/2017, 21:44:09
    Author     : bruno

color amarillo #FFCD0E
*/

body {
    background-color: #e7f2fc;
}

h1 {
    font-size: 2.25rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.5rem;
}

.fa-envelope {
    color: #2175f3;
}

.fa-map-signs {
    color: #bb8846;
}

.fa-phone {
    color: #f34121;
}

.header {
    display: block;
    background-color: #0462de;
}

.logo {
    padding: 10px;
    width: 100%;
    text-align: center;
}

.logo img {
    max-width: 100%;
}

.st-building-web {
    background-color: #ca4c35;
}

.st-building-web h3{
    color: #e7f2fc;
    font-weight: bold;
    text-align: center;
}

.st-tittle {
    padding: 20px 15px 20px 15px;
}

.st-body {
    padding: 30px 15px 30px 15px;
}

.st-contact, .st-timetable {
    background-color: #e7f2fc;
}

.st-contact>.st-bg, .st-timetable>.st-bg {
    background-color: #4e95cf;
}

.st-contact h1, .st-contact h2, .st-timetable h1, .st-timetable h2 {
    color: #fff5f1;
    font-weight: bold;
    text-align: center;
}

.st-contact .item-dir-tel {
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}

.st-contact .item-dir-tel svg {
    margin-right: 10px;
    font-size: 1.8rem;
}

.st-contact .item-dir-tel h3 {
    display: inline-block;
    color: #474747;
    font-weight: bold;
}

.st-contact .item-email-icon {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.st-contact .item-email-icon svg {
    font-size: 3rem;
}

.st-contact .item-email-text {
    text-align: center;
}

.st-contact .item-email-text div {
    margin-top: 10px;
    margin-bottom: 20px;
}

.st-contact .item-email-text hr {
    border-top: 2px solid #8f8f8f;
}

.st-contact .item-email-text h3 {
    display: inline-block;
    color: #474747;
    font-weight: bold;
}

.st-contact .item-email-text .item-email-type {
    margin-left: 5px;
    color: #2175f3;
}

.st-info {
    background-color: #fcc190;
}

.st-info>.st-bg {
    background-color: #f8763e;
}

.st-info h1, .st-info h3 {
    color: #464646;
    font-weight: bold;
    text-align: center;
}

.st-info h1 {
    color: #fff5f1;
}

.st-info h3 {
    margin-bottom: 20px;
}

.st-timetable .st-item {
    margin-bottom: 30px;
}

.st-timetable h3 {
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .logo img {
        height: 200px;
    }
}

@media screen and (min-width: 992px) {
    h1 {
        font-size: 2.5rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.75rem;
    }
}