/* 
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { ... }

//  Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Extra large devices (large desktops, 1200px and up) 
@media (min-width: 1200px) { ... }
*/

/* Header Parallax Element Style*/ 
.avatar {
  max-width:24px;
}
body{
  background-color: lightgray !important;  
  }
  .container{
    background-color:white !important;  
    }

.bg-dark{
background-color: #0053c7 !important;  
}
.paral {
    position: relative;
    min-height: 600px;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
    }
    
    /* Paragraph for Parallax Section */ 
    .paral p {
    font-size: 24px;
    color:#f5f5f5;
    text-align: center;
    line-height: 60px;
    }
     
    /* Heading for Parallax Section */ 
    .paral h1 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    text-align: center;
    padding-top: 60px;
    line-height: 100px;
    }
    
    /* Image for Parallax Section */ 
    .paralsec {
    background-image: url("../img/arbeit.jpg");
    }
     
    .paralsec1 {
    background-image: url("../img/familie.jpg");}
     
    .paralsec2 {
    background-image: url("../img/konsum.jpg");
    }
     
    /* Add more images for more sections */
    
     /* Remove Bottom Margin from Jumbotron */
    .jumbotron{margin-bottom: 0;}
    
    .footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      height: 60px; /* Set the fixed height of the footer here */
      line-height: 60px; /* Vertically center the text there */
      background-color: #f5f5f5;
    }
    
    .topcontainer{
      margin-top: 90px;
    }

    .btn-link{
      text-decoration: none;
  }