@media (min-width:576px) {
.navbar-brand-img {
    max-width: 180px !important;
    max-height: 120px; 
}



.navbar-brand-img {
    max-width: 280px !important;
    max-height: 120px; 
}

.badge-sienna {
    color: white;
    background-color: #008BAC;
    border-radius: 0 .5rem .5rem 0 !important;
}

.badge-float {
    top: 5px!important;
}

.btn-sienna:hover {
background-color: #006072;
border-color:  #006072;
}

.btn-sienna {
background-color: #008BAC;
border-color:  #008BAC;
}

.btn-register {
    color: white;
    background-color: #008BAC;
    border-color: #008BAC;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(22, 28, 45, 0.075);

}

.btn-register:hover {
    color: white;
    background-color: #006072;
    border-color: #006072;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(22, 28, 45, 0.075);


}

.btn-save {
    color: white;
    background-color: #003D72;
    border-color: #003D72;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(22, 28, 45, 0.075);
}

.btn-save:hover {
    color: white;
    background-color: #0071CE;
    border-color: #0071CE;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(22, 28, 45, 0.075);
}

.btn-orange {
    color: white;
    background-color: #FF6D10;
    border-color: #FF6D10;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(22, 28, 45, 0.075);
   font-size: 1rem !important;

}



.sk-thumbnail {
    padding-bottom: 100%;
}
.card:hover>.card-zoom>[class*=card-img] {
    transform: scale(1.05) ;
}
.card-zoom>[class*=card-img] {
    transition: all .2s ease;
    transform-origin: center center;
}



course-card .justify-content-end {
    justify-content: flex-start !important;
}
course-card .badge-float, course-card .card-float {
    left: 0!important;
}

.bg-musem  { 
background-color: rgb(0,139,172)

}

.periodContent .header p {
margin-bottom: 10px
}

.periodContent  p {
margin-bottom: 0px
}