@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,300,400,400i,500,500i,700,700i,900,900i&display=swap');

body {
   font-family: "Roboto", Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1.42857143;
   color: #333333;
   background-color: #f0f0f0;
   overflow-x: hidden;
   background: linear-gradient(90deg, rgba(241,255,0,1) 0%, rgba(9,121,33,1) 48%, rgba(0,249,255,1) 100%);
   background-image: url('../../images/background/background-50.png');
}



/* ==================== Header Styles ==================== */
.header-images {
   margin-bottom: 35px;
}

.header-images .pro-img img {
   width: 168px;
   margin-top: -135px;   
}

.card-header h5 {
   margin-bottom: 0px;
}

.gov h2 {
   text-shadow: 2px 2px 30px #66ccff;
}

.gov p,
.gov span {
   text-transform: uppercase;
}

.info-data {
   padding: 10px 10px;
}

.info-data img{
   animation: fadeInLeft;
   animation-duration: 2s;
}

.info-data hr {
   margin: 7px 0px;
}

.info-data h4 {
   font-style: italic;
}

.info-data p {
   margin-top: 0;
   margin-bottom: 1px;
}

.info-data .body-img {
   margin-bottom: 10px;
}

.body-img img {
   width: 100%;
   height: auto;
   box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5), 0 5px 5px 0 rgba(0, 0, 0, 0.5);
}

.info-data .info-text {
   text-align: justify;
}

.info-data .info {
   padding: 0px;
}

.info-data .text-color h1 {
   margin: 0;
   line-height: 1;
   font-weight: 700;
   font-size: 5em;
   color: transparent;
   text-transform: uppercase;
   background-image: linear-gradient(to left, #2ecc71, #3498db, #9b59b6, #f39c12);
   -webkit-background-clip: text;
   animation: animate 5s linear infinite;
   -webkit-background-size: 500%;
   background-size: 500%;
}
@keyframes animate {
   0% {
      background-position: 0 100%;
   }
   50% {
      background-position: 100% 0;
   }
   100% {
      background-position: 0 100%;
   }
}

.card {
   background-image: url('../../images/background/45_gradus_BIG_50.jpg');
}

.card-header span {
   text-transform: uppercase;
}

.card-header h3 {
   margin-bottom: 0;
}

.card-header,
.card-footer {
   background-color: #85e085;
}

.card-header p {
   text-transform: uppercase;
   margin-bottom: 0;
   font-style: italic;
}

.card-footer p {
   margin-bottom: 0;
   color: black;
}

.card-footer .mail {
   text-align: left;
}
.card-footer .phone {
   text-align: right;
}





/* ==================== Responsive Styles ==================== */
@media (max-width: 991px) {
   .header-images .pro-img img {
      width: 80px;
      margin-top: -65px;
   }
   .header-images {
      margin-bottom: 20px;
   }
}

@media (max-width: 991px) {
   .info-data .body-img {
      width: 400px;
      display: block;
      margin-left: auto;
      margin-right: auto;
   }  
}

@media (max-width: 767px) {   
   .header-images .pro-img img {
      width: 55px;
      margin-top: -40px;
   }
   .card-footer .mail {
      text-align: center;
   } 
   .card-footer .phone {
      text-align: center;
   }  
}