.banner-area{
    background: url('./images/legobricks2.jpg') no-repeat center center fixed;
    background-size: cover;
    
    text-align: center;
    vertical-align: middle;
    color: white;

}
.banner-area-headline{
    font-size: 4.0rem;
}

.content-box{
    text-align: center;    
}


.section{
    padding-top: 20px;
    padding-bottom: 20px;
}

.headings{    
    margin-bottom: 40px;
    text-align: center;
    color:rgb(42, 119, 60);
}

.intro-text{
    padding-top: 40px;
    padding-bottom: 100px;
}

/*
@media (min-width: 768px){
.intro-text{
    padding-top: 50px;
    padding-bottom: 40px;
    }
}
*/

body{
    position: relative;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color:green;
}


.middle{
    transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
    transition: 0.5s ease;
    opacity: 0;
    position: absolute;
    top:50%;
    left:50%;
    text-align: center;
}


.modal-footer{
    display: block;
}

/*
@media(min-width:900px) 
    {
        .modal-dialog{
            max-width: 800px;
            }
}
*/

/* _________________________________Resume__________________________________________ */


.intro-box{
    display: inline-block;
    padding:10px; 
    color:white;

}

div i{
    color:white;
}

.dark-theme{
    color: white;
    background: #4b4b4c;
}


.sub-section{
    padding-bottom: 40px;
    padding-top: 40px;
}


.collapsible {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: white;
  text-align: left;
  outline: none;
  font-size: 15px;
}



.active, .collapsible:hover {
  background-color: #777;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}