#main-container {
    /*background-color: #f2f2f2;*/
    /*background-color: yellow;*/
    
}
header{
    
}

/** General hover scale **/
.hover-scale {
    transition: transform 0.2s ease-in-out;
    cursor: pointer;
}
.hover-scale:hover {
    transform: scale(1.05);
    box-shadow: 0 0 11px rgba(33, 33, 33, .2);
    text-shadow: 0 0 50px rgba(33, 33, 33, .2);
    
}

/** General click replace (JS associated) **/
.click-replace .replace-second{
    display: none;
    cursor: pointer;
}
.replace-first{}

/** Price table (It exists in subject index with different values - make it general) **/
.price-table {
    width: 100%;
    margin: auto;
    /*background-color: yellow;*/
    color: #545878;
    border-radius: 2.9rem !important;
}

.price-table th, .price-table td {
    padding: 0.2rem;
    border: #545878 solid 0.01rem;
}

.price-table td {
    text-align: center;
}

#chosen-subjects-top{
    position: fixed;
    width: 100%;
    margin: 0 -16px;
    z-index: 1;
    background-color: seagreen;
    color: white;
    padding: 0.8rem;
    opacity: 0.9;
}

#chosen-subjects-top a{
    color: white!important;
    padding: 0.81rem;
}

#chosen-subjects-top a:hover {
    background-color: #326544;
}