html {
    font-size: 14px;
    color:#2d2222
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

th {
    font-variant-caps:all-petite-caps;
    font-size:10px;
}

td {
    font-size:8px;
    font-variant-caps:all-petite-caps
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
}

.cls-float-right {
    float: right;
}

td.actions {
    text-align: right;
}

.form-control.inline70 {
    display: inline;
    width: 70%;
}

.navbar-brand {
    width:72px;
    height:72px;
    background-image:url('../imgs/logo-fmhl.svg');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.logo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 36px;
    margin-top: 4px;
    margin-bottom: 4px;
    opacity:.5;
}

.logo.padded {
    height: 28px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.logo-1 {
    background-image: url('../imgs/logo-1.png');
}
.logo-2 {
    background-image: url('../imgs/logo-2.png');
}
.logo-3 {
    background-image: url('../imgs/logo-3.png');
}
.logo-4 {
    background-image: url('../imgs/logo-4.png');
}

.logo>a {
    display:block;
    width:100%;
    height:100%;
}

.disclamer {
    max-width: 90vw;
    white-space: normal;

}

.animated-background {
    width: 100%;
    height: calc(100vh-128px);
    background-image: url('../imgs/backgorund.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-text {
    line-height:12px;
    font-size: x-small;
    margin-top:8px;
}

.main-content {
    
}

footer.footer.relative-position {
    position:relative;
}

.pb-3 {
    min-height:70vh;
}

.btn-primary {
    background-color: #2d2222;
    outline-color: #7d7777;
    border-color: #7d7777;
}

.btn-primary:hover {
    background-color: #8d8888;
    border-color: #8d8888;
}

a {
    color: #7d7777;
}
a:visited {
    color: #9d9999;
}
a:hover {
    color: #8d8888;
}
.footer-content {
    padding-top:8px;
}
.our-signature {
    font-size:x-small;
    line-height:12px;
    margin-bottom:12px;
    text-align:end;
    margin-right:20px;
}
video.full-width {
    /* override other styles to make responsive */
    width: 100% !important;
    height: auto !important;
}
video.cta-video {
    /* override other styles to make responsive */
    width: 25% !important;
    height: auto !important;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
@media only screen and (min-width: 768px) {
    .video.cta-video {
        width: 144px !important;
    }
}

    
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #2d2222;
}

.nav-pills .nav-link, .nav-pills .show > .nav-link {
    color: #2d2222;
}

h1 {
    font-size: 2rem;
    text-transform: uppercase;
}

.accent-letter {
    color: red;
}

.main-video-content {
    position: relative;
}

.responsive-video-6 {
    width: 100% !important;
    height: auto !important;
}

@media (min-width: 1400px) {
    div.container {
        max-width: 1380px;
    }
}

@media (min-width: 1800px) {
    div.container {
        max-width: 1780px;
    }
}

@media (min-width: 2200px) {
    div.container {
        max-width: 2180px;
    }
}

/* CASES CSS: */
table.cases {
    table-layout: fixed;
}


@media (max-width:760px) {
    table.cases {
        table-layout: auto;
    }
}

/*th.journalist {
    width: 8%;
}
th.type {
    width: 5%;
}
th.city {
    width: 5%;
}
th.status {
    width: 6%;
}
th.institution {
    width: 8%;
}
th.support {
    width: 8%;
}
th.note {
    width: 40%;
}
th.complaint {
    width: 8%;
}
th.court {
    width: 8%;
}
th.resolution {
    width: 8%;
}
th.actions {
    width: 8%;
}*/