/* CSS Document */
body{
  margin-bottom: 600px;
}
.col a:hover{
  text-decoration: none;
}
.tLogo{
  background-color: #FFF;
  border: 1px solid #DDD;
  height: 120px;   
}
.tLogo:hover{
  border: 2px solid #DDD;  
}
.tLogo img,
.tLogo div.m{
  color: #0535a1;
  position: relative;
  top: 50%;
  transform: translateY(-50%);  
}
.micon img{
  display: inline-block;
  margin-bottom: -26px;  
  
  width: 50px;
/*  min-width: 50px !important;
  max-width: 50px !important;  */
}

h2 {
  font-size: 40px;
  font-weight: bold;

  background: #f6942c;
  background: -webkit-linear-gradient(to right, #f6942c 0%, #ef448d 60%, #43b7ae 61%, #2da15e 79%, #f6942c 80%, #ef448d 100%);
  background: -moz-linear-gradient(to right, #f6942c 0%, #ef448d 60%, #43b7ae 61%, #2da15e 79%, #f6942c 80%, #ef448d 100%);
  background: linear-gradient(to right, #f6942c 0%, #ef448d 60%, #43b7ae 61%, #2da15e 79%, #f6942c 80%, #ef448d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  
}
.tLogo div.m{
  font-size: 25px;
}

/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1680px) {
}
@media only screen and (max-width : 1200px) {
}
@media only screen and (max-width : 992px) {
  .tLogo.rounded img{
    width: 600px;
    max-width: 400px !important;
    
  }  
  .tLogo div.m{
    font-size: 34px;
  }
  h2{
    font-size: 50px;
  }
  .tLogo.rounded div.micon img{
    display: inline-block;    
    width: 50px;
  }
  .tLogo.rounded.webLogo img{    
    width: 250px;
  }  
}
@media only screen and (max-width : 768px) {  
}
@media only screen and (max-width : 480px) {
}
@media only screen and (max-width : 320px) {
}