* {
  box-sizing: border-box;
}
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  margin: 0px;
  color: #464646;
  padding: 0px;
  min-height: 100vh;
  font-family: 'Protipo W05', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8em;
  letter-spacing: 1px;
}

a {
    color:#8c8c8c;
}
a:hover{
    color:inherit;
    text-decoration: none;
}
b, strong {
    font-weight: 500;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Protipo W05', sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
}
header>h1 {
    margin-bottom: 60px;
    font-size: 3rem;
}
h2 {
    margin-top: 15px;
    margin-bottom: 30px;
  	font-size: 2.2rem
}
h3 {
    font-size: 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 0.7rem;
}
h4 {
    line-height: 1.5;
  	font-size: 1.1rem;
}  
h5 {
    line-height: 1.5;
}
img:not([src$=".svg"]) {
      width: 100%;
      height: auto;
}

.form-check {
    padding-left: 0px;
}

.form-check>label>span {
    padding-left: 1.25rem;
}
a.btn {
    margin-top: 0.2rem;
    text-decoration: none;
}
.btn-primary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-primary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}
.btn-primary.focus, 
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5);
}


.btn-danger {
    color: #fff;
    background-color: rgb(228, 2, 45);
    border-color: rgb(228, 2, 45);
}
.btn-danger:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: rgb(200, 0, 38);
    border-color: rgb(180, 0, 21);
}
.btn-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(228, 2, 45,.5);
}
.btn-danger:hover {
    color: #fff;
    background-color: rgb(210, 1, 40);
    border-color: rgb(200, 0, 38);
}
.btn-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(228, 2, 45,.5);
}

.slick-content + .content {
    margin-top: 15px !important;
}
.content  {
    flex: 1;
}
.content div.gridelement h2:first-of-type,
.content div.frame-type-gridelements_pi1 div.gridelement>div>div:first-of-type h3:first-of-type {
    margin-top: 0px;
}

.content ul {
  padding-left: 0px;
  margin-left: 19px;
}

.content .frame-type-textmedia {
    /* border-bottom: 1px solid rgba(0,0,0,.1); */
    margin-bottom: 15px;
}
.content>.frame-type-textmedia {
    margin-bottom: 30px;
}

.contenttable {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
.contenttable thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.contenttable td, .contenttable th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.contenttable tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.contenttable td, .contenttable th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

#twitter-widget-0 {
    max-width: 100% !important; /* Limits width to 100% of container */
    width: 100vw !important; /* Sets width to 100% of the viewport width while respecting the max-width above */
}

.content,
footer {
    padding: 30px 15px !important;
}
.content,
footer:not(.container-fluid) {
    margin-top: 30px;
}

footer {
    background-color: #e6e6e6;
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    /* margin-bottom: 30px; */
}
footer h2 {
    font-size: 20px;
    margin: 0px 0px 10px 0px;
}

@media (min-width: 576px) {
    footer:not(.container-fluid) {
        max-width: 510px;
    }
}
@media (min-width: 768px) {
    header>h1 {
        font-size: 5rem;
    }
    footer:not(.container-fluid) {
        max-width: 690px;
    }
}
@media (min-width: 992px) {
    footer:not(.container-fluid) {
        max-width: 930px;
    }
}
@media (min-width: 1200px) {
    footer:not(.container-fluid) {
        max-width: 1110px;
    }
}

@media (min-width: 992px) {
  body {
      
  }
}