.alert {
 width: 100%;
  margin: 20px auto 40px;
  box-shadow: 0 0 36px rgba(0,0,0,0.1);
  border-radius: 0;
    padding: 20px;
  font-size: 18px;
  clear: both;
   } 
  @media (min-width: 768px) {
  .alert {
     padding: 40px;
       clear: both;

    } 
    }


.alert-info {
   background: #eef0f8;
  color: #0191b4; 
}
.alert-info strong, .alert-info b { color: #0191b4; }
.alert-warning {
  background: #def2f0;
  color: #61a997;
}
.alert-warning strong, .alert-warning b { color: #21ab9c; }
.alert h2, .alert h3, .alert h4 { margin: 0 auto; line-height: normal; font-size: 1.6rem; font-weight: 600; margin-bottom: 20px; }

.alert a { text-decoration: underline; }

.alert-info h2, .alert-info h3, .alert-info h4 { color: #0191b4; font-size: 1.6rem; font-weight: 600; margin-bottom: 20px; }

.alert-warning h2, .alert-warning h3, .alert-warning h4 { color: #5DA593; font-size: 1.6rem; font-weight: 600; margin-bottom: 20px; }


.alert-info a, .alert-info a:visited { color: #21ab9c; }
.alert-info a:focus, .alert-info a:hover { color: #00005B; }
.alert-warning a, .alert-warning a:visited { color: #5DA593; }
.alert-warning a:focus, .alert-warning a:hover { color: #5DA593; }

 
.alert-info strong, .alert-info b, .alert-info ul, .alert-info li { color: #0191b4; }
.alert-warning strong, .alert-warning b, .alert-warning ul, .alert-warning li { color: #21ab9c; }

.alert-info p:empty::before, .alert-info p:empty::after, .alert-warning p:empty::before, .alert-warning p:empty::after, .alert-info p:empty, .alert-warning p:empty { content: none !important;   display: none; }