/* body{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='2080' preserveAspectRatio='none' viewBox='0 0 1920 2080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1165%26quot%3b)' fill='none'%3e%3cpath d='M177 2080L2257 0L2753.5 0L673.5 2080z' fill='url(%26quot%3b%23SvgjsLinearGradient1166%26quot%3b)'%3e%3c/path%3e%3cpath d='M1825 2080L-255 0L-1752 0L328 2080z' fill='url(%26quot%3b%23SvgjsLinearGradient1167%26quot%3b)'%3e%3c/path%3e%3cpath d='M228.60896593517737 2080L1920 388.60896593517737L1920 2080z' fill='url(%26quot%3b%23SvgjsLinearGradient1166%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 2080L1691.3910340648226 2080L 0 388.60896593517737z' fill='url(%26quot%3b%23SvgjsLinearGradient1167%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1165'%3e%3crect width='1920' height='2080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1166'%3e%3cstop stop-color='rgba(5%2c 101%2c 134%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(5%2c 101%2c 134%2c 1)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1167'%3e%3cstop stop-color='rgba(5%2c 101%2c 134%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(5%2c 101%2c 134%2c 1)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}

.txt-courses{
    margin-top: 10%;
}

.txt-courses h2{
    margin-left: 5.5%;
    color: #056586;
    font-family:Verdana;
    font-size: 30px;
}

.txt-courses-ctn h3{
    text-align: left;
    color: #4e8320;
    font-family:Verdana;
    font-size: 20px;
    margin: 1% 5.5% 1% 5.5%;
}

.txt-courses-ctn p{
    margin-left: 5%;
    font-family:Verdana;
    font-size: 15px;
    text-align: justify;
    margin: 1% 5.5% 2% 5.5%;
}



 
 .container-tarjeta{
     width: 60%;
     display: flex;
     max-width: 1150px;
     margin: auto;
     margin-top: 1%;
   
 
 }

 .tarjeta{
     width: 60%;
     margin: 10px;
     overflow: hidden;
     border-radius: 9px;
     box-shadow:  7px 7px 9px #00000096,
              -7px -7px 4px #ffffff57;
 }

 .tarjeta:hover{
     transform: translateY(-3%);
 }
 .tarjeta img{
     align-items:center;
     width: 100%;
   
 }
 .tarjeta .contenido-tarjeta{
     padding: 15px;
     text-align: center;
   
 }
 .tarjeta .contenido-tarjeta h3{
     margin-top: -12%;
     color: #000000d0;
     font-size: 18px;
     text-align: center;
 }
 .tarjeta .contenido-tarjeta p{
     color: #42741a;
     font-size: 13px;
     text-align: justify;
     padding: 7px;
     margin-top: 10px;
     margin-bottom: 20px;
     font-weight: bold;
 }

 .tarjeta .contenido-tarjeta a{
     display: inline-block;
     padding: 3px 30%;
     margin-top: 10px;
     text-decoration: none;
     box-shadow:  2px 2px 7px #00000088;
     background: #e6e6e6;
     color: #000000be;
     border-radius: 5px;
     transition: all 400ms ease;
     margin-bottom: 5px;
     font-weight: bold;
 }
 .tarjeta .contenido-tarjeta a:hover{
     border: none;
     background: #b8afae;
     color: #000000;
 }


#footer-container{
    margin-top: 10%;
  }


  @media only screen and (min-width: 800px) and (max-width: 1334px) {

    .txt-courses{
        margin-top: 10%;
        text-align: center;
    }

    .txt-courses-ctn{
        font-size: 10px;
    }

    .container-tarjeta{
        width: 100%;
        display: flex;
        max-width: 1950px;
        margin: auto;
        margin-top: 1%;
    }
   
    .tarjeta{
        width: 100%;
        margin: 10px;
        overflow: hidden;
        border-radius: 9px;
        box-shadow:  7px 7px 9px #00000096,
                 -7px -7px 4px #ffffff57;
    }

    .tarjeta img{
        margin-bottom: 5%;
    }
}

    @media screen and (min-width: 740px) and (max-width:799px) {
        .container-tarjeta{
            width: 100%;
            display: flex;
            max-width: 950px;
            margin: auto;
            margin-top: 1%;
        
        }

        .tarjeta{
            width: 90%;
            margin: 10px;
            overflow: hidden;
            border-radius: 9px;
            box-shadow:  7px 7px 9px #00000096;
        }

        .txt-courses{
            margin-top: 20%;
        }

        .tarjeta img{
            margin-bottom: 5%;
        }

    }

    @media screen and (min-width: 220px) and (max-width:739px) {
        .container-tarjeta{
            width: 100%;
            display: inline-block;
            max-width: 741px;
            margin: 0px;
            margin-top: 1%;
            text-align: center;
        }

        .tarjeta{
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            overflow: hidden;
            border-radius: 9px;
            box-shadow:  7px 7px 9px #00000096;
            text-align: center;
        }

        .txt-courses{
            margin-top: 30%;
        }

        https://www.instagram.com/grupin_gi/

    }  */