body {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3 {
    font-family: 'Roboto Light', sans-serif;
}

.myContainer{
    margin-left:5%;
    margin-right:5%;
}

.homeJumbotron{
    background-color:#772b74;
    background-size:cover;
    min-height: 300px;
    margin-top:50px;
}

.homeJumbotron > .container{
    text-align:center;
    color:white;
}

.containedImage{
    width:100%;
    margin-top:10px;
    cursor:pointer;
    border: 2px solid lightgray;
}

.exHeading {margin-top:80px; margin-bottom:30px;}

.colorStandard{color:#772b74;}
.colorTroleibuze{color:#3c4e9a;}
.colorAutobuze {color:#d24cae;}
.colorTramvaie {color:#3bac2c;}
.colorAltele {color:#ef8732;}

.myPanel {font-size:16px; text-align:justify;}
.myPanel > .panel-heading {
    color:white;
    font-size: 20px;
}

.panelStandard {border-color:#772b74}
.panelTroleibuze {border-color:#3c4e9a;}
.panelAutobuze {border-color:#d24cae;}
.panelTramvaie {border-color:#3bac2c;}
.panelAltele {border-color:#ef8732;}

.panelStandard > .panel-heading {background-color:#772b74;}
.panelTroleibuze > .panel-heading {background-color:#3c4e9a;}
.panelAutobuze > .panel-heading {background-color:#d24cae;}
.panelTramvaie > .panel-heading {background-color:#3bac2c;}
.panelAltele > .panel-heading {background-color:#ef8732;}

.museumsTable{margin:auto;}
.museumsTableTh{
    background-color:#772b74;
    color:white;
    padding-top:10px;
    padding-bottom:10px;
    width:20%;
    font-size:20px;
}
.museumsTableTd{
    background-color:#f7f7f7;
    padding-top:10px;
    padding-bottom:10px;
    width:20%;
    font-size:16px;
}
.museumsTableTd:hover{background-color:#efefef;}
.museumsTableTd>a{text-decoration:none;color:#772b74;}

.existing{
    margin: 5px 0 20px;
    font-size: 20px;
    font-weight: bold;
}
.panelTroleibuze .existing {color:#3c4e9a;}
.panelAutobuze .existing {color:#d24cae}
.panelTramvaie .existing {color:#3bac2c}
.panelAltele .existing {color:#ef8732}