body {
    color:#444;
}
.container-fluid {
    padding-right:0;
    padding-left:0;
}

.jumbotron {
    background-color:rgb(251,245,221);
    text-align: center;
    border-bottom: 2px solid #999;
    padding:0;
    color: #444;
    padding-bottom:50px;
    width:100%
}

.shunya-heading {
    display: flex;
}
.left-image {    
    width: 300px;
    padding-top:15px;
}
.left-image img {
  width: 300px;
}
.right-image img {
    width: 300px;
}
.right-image {    
    width: 300px;
    padding-top:15px;
}

.shunya-info {
    flex: auto;
    padding-top:30px;    
}

.shunya-info .lead{
    font-size:1em;
}

.shunya-info-small {
    display:none;
}


@media screen and (max-width: 1200px) {
    .shunya-info {       
        padding-top:25px;    
    }    
  }

  @media screen and (max-width: 1050px) {
    .jumbotron {
        padding-bottom:35px;
    }
    .shunya-info {       
        padding-top:20px;    
    }
    .shunya-info h1 {
      font-size:2.5rem
    }
    .left-image {    
        width: 200px;
        padding-top:30px;
    }
    .left-image img {
      width: 200px;
    }
    .right-image img {
        width: 200px;
    }
    .right-image {    
        width: 200px;
        padding-top:30px;
    }
  }  

  @media screen and (max-width: 850px) {
    .left-image {   
       
        padding-top:45px;
    }   
    .right-image {    
       
        padding-top:45px;
    }
   
  }  

  @media screen and (max-width: 700px) {
    .shunya-info {       
        padding-left:10px;    
        padding-right:10px;    
    }
    .shunya-info h1 {
        font-size:2rem;
        padding-top:15px;
    }
    .left-image {   
       padding-top:0px;
    }   
    .right-image {    
        padding-top:0px;
    }
    .shunya-info p {
        display:none;
    }
    .shunya-info-small {
        display:block;
        padding-top:0px;
    }
    .shunya-info-small p{
        display:block;
    }
  }  


  @media screen and (max-width: 642px) {
    .shunya-info h1 {
        font-size:2rem;
        padding-top:30px;        
    }
    .left-image {    
        width: 150px;
        padding-top:30px;
    }
    .left-image img {
      width: 150px;
    }
    .right-image img {
        width: 150px;
    }
    .right-image {    
        width: 150px;
        padding-top:30px;
    }
  }  

  @media screen and (max-width: 550px) {
    .left-image {    
        width: 100px;
        padding-top:30px;
    }
    .left-image img {
      width: 100px;
    }
    .right-image img {
        width: 100px;
    }
    .right-image {    
        width: 100px;
        padding-top:30px;
    }
    .shunya-info h1 {
        font-size:2rem;
        padding-top:15px;        
    }
  } 
  @media screen and (max-width: 325px) {
    .left-image {    
       display: none
    }
    .right-image {    
        display: none
    }
   
  }   

.heading-container {
    padding-right:15px;
    padding-left:15px;
}

.tool-container .btn {
    min-width:100px
}

.tool-container .card {
   cursor:pointer;
   background-color:rgb(251,245,221);
   margin-bottom:20px;
}

.tool-container .card:hover {
    cursor:pointer;
    background-color:#fff;
 }

 .tool-container .card h5 {
    color: #444;
 }

 .tool-container .tools-info {
     text-align:center;
     padding-bottom:10px
 }

 .tool-heading, .tool-link {
     text-align:center;
 }

 .colored-line {
    height: 3px;
    width: 80px;
    display: block;
    margin: auto;
    background: #999 0 0;
 }

.tool-description-container {
    background-color: rgb(251,245,221);
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 20px;

}

.tool-description-container .tool-heading {
    padding-top:20px;
    padding-bottom:10px;
}

.tool-description-container .tool-heading p{
    font-style:italic;
    margin-bottom:0px;
}

.tool-description-container .tool-heading p b{
    font-weight:500;
}

footer {
    height:50px
}

.shunya-container {
    padding-top:20px;   
}

.shunya-container span{
    display: inline-block;
    margin-top: 13px;
    font-style: italic;
}