@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');

body {
    font-family: 'Montserrat', sans-serif;        
}

html{
    scroll-behavior: smooth;
}

.fnt-mul{
    font-family: 'Nunito',sans-serif !important; 
}

.fnt-cnt{
    text-align: center;
}

.fnt-jtf{
    text-align: justify;
}

.fnt-nml{
    font-weight:normal;
}

.fnt-bld{
    font-weight: bold;
}

.fnt-lgt{
    font-weight:lighter;    
}

.fnt-bco{
    color:#FFF;
}

.fnt-aqu{
    color: #0DAAB4;
}

.fnt-05 { 
    font-size: calc(0.5em + 0.5vw);
}

.fnt-07 { 
    font-size: calc(0.7em + 0.7vw);
}

.fnt-08 { 
    font-size: calc(0.8em + 0.8vw);
}

.fnt-1 { 
    font-size: calc(1em + 1vw);
}

.fnt-2{
    font-size: calc(2em + 2vw);
}

.fnt-15{
    font-size: calc(1.5em + 1.5vw);
}

.bck-grd-aqu{
    background: rgb(13,170,180);
    background: radial-gradient(circle, rgba(13,170,180,1) 0%, rgba(75,142,147,1) 50%, rgba(13,170,180,1) 91%);
}

.axy{
    display: flex;
    justify-content: center;
}

.axz{
    text-align: center;
}

.btn-ver {
    border-radius: 5px;
    background-color: #0DAAB4;
    color: #FFF;
}

.btn-con {
    border-radius: 5px;
    background-color: #d8d21e;
    color: #000;
    padding: 5px;
}

a:active, a:focus, a:hover, a:link, a:visited{
    text-decoration: none;
    color: #FFF;
}

.card-info {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    padding: 14px 20px 18px 20px;
    cursor: pointer;        
}

.card-info:hover{
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}


/*********************************************************************


                                FOOTER


**********************************************************************/
#footer {
  background: #343A40;
  padding: 30px 0 0 0;
  font-size: 12px;
  color: #999;
}

#footer a {
  color: #ccc;
}

#footer a:hover {
  color: #fff;
}

#footer h3.widget-title {
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #ccc;
  margin: 0 0 20px;
}

#underfooter {
  background: #191919;
  padding: 15px 0;
  color: #777;
  font-size: 12px;
}

#underfooter a {
  color: #aaa;
}

#underfooter a:hover {
  color: #fff;
}

#underfooter p {
  margin: 0;
}

.follow-me-icons {
  font-size: 20px;
}

.follow-me-icons i {
  float: left;
  margin: 0 10px 0 0;
}


/*********************************************************************


                                MEDIA QUERY


**********************************************************************/

@media screen and (min-width:481px) {
    .img-mobile{
        display:none;
    }
}
@media screen and (max-width:480px) {
    .img-desktop {
        display:none;
    }
}