
  .panel {
      border: 1px solid #FFFF00; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
      
}
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #000;
      background-color: #FFB600 !important;
      color: #000;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #034EA1 !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
      font-size: 32px;
  }
  .panel-footer h4 {
      color: #aaa;
      font-size: 14px;
  }
  .panel-footer .btn {
       border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      background-color: #00000;
      color: #fff;
  }
  footer {
    background-color: #034EA1;
    padding-top: 20px;
  }
@media screen and (min-width:451px) and (max-width:540px){

 .ImgSize{width:100%; height:300px;}
 #call {
  display:none;
  }
  #logo{
    height:60px; 
  }
    .container-fluid {
      padding: 60px 20px;
  }
  .jumbotron { 
    margin-top:60px;
  }

}
@media screen and (min-width:541px) and (max-width:768px){
.col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        
    }

 .ImgSize{width:100%;}
}
@media screen and (min-width:769px) and (max-width:1024px){
     .ImgSize{width:100%; height: 200px;}
}
@media screen and (min-width:1025px) and (max-width:1200px){
     .ImgSize{width:100%; height: 200px;}
 }
 @media screen and (min-width:1201px){
  .ImgSize{width:100%; height: 200px;}
}
