@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
body {
    color: #000;
    font-family: 'Roboto', sans-serif;
    line-height: 1.5em;
}
h1, h2, h3, h4
{
    color: #961e20;
}
p
{
    margin-bottom: 1.5em;
}
.navbar
{
    margin-bottom: 30px;
}
.navbar-brand, .navbar-nav > li > a
{
    background: #FFF !important;
    text-transform: uppercase;
    color: #9b211f;
    padding: 35px 0px 0px 0;
    font-size: 1.5em;
    line-height: 1em;
}
.navbar-brand, .navbar-nav > li:last-of-type > a
{
    padding-right: 0;
}
.navbar-brand, .navbar-nav > li > a:hover, .navbar-brand, .navbar-nav > li.active > a
{
    font-weight: bold;
    background: none;
}
.navbar-collapse.in .dropdown .dropdown-menu
{
    display: block;
    position: relative;
    width: 100%;
}
.dropdown-menu
{
    background: #FFF;
    box-shadow: none;
    border-radius: 0;
    border: none;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 0px;
}
.dropdown-menu li a
{
    padding: 10px;
}
.imgTopOther
{
    margin-bottom: 50px;
}
.left-side h1
{
    margin: 7px 0 34px 0;
    font-size: 1.85em;
    line-height: 1em;
    font-weight: 300;
}
.left-side .leftPlace
{
    color: #961e20;
    font-weight: bold;
    font-size: 2.3em;
    display: block;
}
.left-side .leftPlaceProgram
{
    color: #961e20;
    font-weight: bold;
    font-size: 2.3em;
    display: block;
    line-height: 4.2rem;
}
.datum, .place, .name, .hpMore, .album, .hpBack
{
    color: #FFF;
    margin-left: -15px;
    margin-bottom: 18px;
    font-size: 1.86em;
    padding: 0px 10px;
    line-height: 4.2rem;
}
.datum
{
    background: #7f2822;
}
.datum sup
{
    font-size: 50%;
    top: -.75em;
}
.place
{
    background: #9b211f;
}
.name, .album
{
    background: #b13526;
}
.anotation
{
    margin-left: -15px;
}
.hpMore, .hpMore:hover, .hpBack, .hpBack:hover
{
    background: #fdedd7;
    color: #961e20;
    display: block;
}
.hpMore
{
    font-size: 1.3em;
    line-height: 3rem;
    
}
.hpBack
{
    margin-top: 15px;
}
.album a
{
    color:#FFF;
}
.programImg
{
    margin: 0 0 25px -15px;
}
.gallery [class*=col-] 
{
    padding: 0;
}
.gallery [class*=col-] .colorbox
{
    display: block;
    overflow: hidden;
    object-fit: fill 
}
.colorbox img
{
   min-height: 100%; 
  
}
.embed-responsive-3by2
{
    padding-bottom: calc(200%/3);
}
@media (min-width:769px) { 
    .navbar-collapse
{
    padding: 0;
}
 
    .right-side-nav
{
    margin-left: calc(85200%/1920) ;
    width: calc(106800% / 1920);
}

    .left-side
{
    width: calc(85200%/1920);
    text-align: right;
}
    .left-inside
    {
        margin-right: 55px;
    }
.right-side
{
    width: calc(106800% / 1920);
}
.right-inside
{
    margin-right: 45px;
}
}
@media (min-width:769px) and (max-width: 1116px) { 
    
        #m1{width: 150px; }
        #m2{width: 127px}
        #m3{width: 123px;}
    }
@media (min-width:1117px) { 
    
        #m1
            {
                width: 190px;
            }
        #m2{ width: 167px}
        #m3{width: 163px;}
    }
@media (max-width: 768px)
{
    .anotation
    {
        margin-left: 0;
    }
}