@charset "utf-8";

 body{
       background: #282828;
       font-family: "Century", Century, sans-serif;
   }

   #Educacion h2{
       margin-bottom: 47px;
       margin-top: 12px;
       margin-left: 590px;
   }
   #Educacion h4{
       margin-bottom: 2px;
       margin-left: 590px;
   }
   #Educacion .about-img img{
       position: relative;
       top: 160px;
       width: 400px;
       height: 300px;
       margin-left: 10px;
       margin-top: 7px;
   }
   #Educacion .about-img h2{
      position: relative;
      top: -160px;
      margin-left: 510px;
   }

   #Educacion .about-img h4{
      position: relative;
      top: -180px;
      margin-left: 510px;
   }

   #Educacion .about-img a{
      position: relative;
      top: -180px;
      margin-left: 900px;
      color:black;
      font-size: 22px;
   }

   .text-white{
       position: relative;
       top: -180px;
       color: black;
       margin-left: 510px;
   }
   .text-white span{
       margin-left: 13px;
   }
   p{
       margin-bottom: 0;
       font-size: 16px;
       line-height: 24px;
   }

  .banner img{
       position:absolute;
       top:0;
       left:0;
       width:100%;
       height: 627px;
       object-fit: cover;
       opacity:0.25;
  }

  .columna{
    margin-top: -1.7em;
    margin-bottom: -7.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 800px;
  } 

  @media (max-width: 1085px){

  #Educacion .about-img a{
    margin-left: 800px;
   }
}

  @media (max-width: 975px){

    #Educacion .about-img a{
    margin-left: 790px;
   }
}

  @media (max-width: 959px){

    #Educacion .about-img img{
       top: 160px;
       width: 400px;
       height: 300px;
       margin-left: 30px;
       margin-top: 100px;
   }

    #Educacion .about-img a{
    margin-left: 700px;
   }
}

  @media (max-width: 912px){

    #Educacion .about-img img{
       top: 200px;
       width: 400px;
       height: 300px;
       margin-left: 30px;
       margin-top: 100px;
   }

   #Educacion .about-img h2{
      position: relative;
      top: -160px;
      margin-left: 480px;
      margin-right: 20px;
   }

   #Educacion .about-img h4{
      position: relative;
      top: -180px;
      margin-left: 480px;
      margin-right: 20px;
   }

   .text-white{
       position: relative;
       top: -180px;
       color: black;
       margin-left: 480px;
       margin-right: 20px;
   }
}

    @media (max-width: 901px){

      #Educacion .about-img img{
       top: 150px;
       width: 300px;
       height: 200px;
       margin-left: 30px;
       margin-top: 100px;
   }

      #Educacion .about-img h2{
       top: -130px;
       margin-left: 400px;
       margin-right: 20px;
   }

      #Educacion .about-img h4{
       position: relative;
       top: -150px;
       margin-left: 400px;
       margin-right: 20px;
   }

      .text-white{
       position: relative;
       top: -150px;
       color: black;
       margin-left: 400px;
       margin-right: 20px;
   }

       #Educacion .about-img a{
        top: -130px;
        margin-left: 650px;
       }
}

    @media (max-width: 820px){

      #Educacion .about-img a{
        top: -140px;
        margin-left: 570px;
       }

      .banner img{
        height: 676px;
       }

      .columna{
        height: 850px;
       } 
}

   @media (max-width: 725px){

      #Educacion .about-img a{
        top: -140px;
        margin-left: 500px;
       }
   }

   @media (max-width: 671px){

      #Educacion .about-img h2{
       top: -110px;
       margin-left: 400px;
       margin-right: 20px;
       }

      #Educacion .about-img h4{
       position: relative;
       top: -130px;
       margin-left: 400px;
       margin-right: 20px;
       }

      .text-white{
       position: relative;
       top: -130px;
       color: black;
       margin-left: 400px;
       margin-right: 20px;
       }

      #Educacion .about-img a{
        top: -138px;
        margin-left: 500px;
       }

       .banner img{
        height: 705px;
       }

       .columna{
        height: 880px;
       }
   }

  @media (max-width: 671px){

       #Educacion .about-img a{
        top: -138px;
        margin-left: 400px;
       }
  }

  @media (max-width: 647px){

       #Educacion .about-img img{
        top: 190px;
        width: 300px;
        height: 200px;
        margin-left: 30px;
        margin-top: 100px;
       }

       .banner img{
        height: 755px;
       }

       .columna{
        height: 930px;
       }
  }

  @media (max-width: 626px){

       .banner img{
        height: 805px;
       }

       .columna{
        height: 980px;
       }
  }


  @media (max-width: 616px){

       .banner img{
        height: 845px;
       }

       .columna{
        height: 1020px;
       }
  }

  @media (max-width: 600px){

       #Educacion .about-img img{
        top: 130px;
        width: 300px;
        height: 210px;
        margin-left: 75px;
        margin-top: 195px;
        }

       #Educacion .about-img h2{
        position: relative;
        top: -390px;
        margin-left: 25px;
        }

       #Educacion .about-img h4{
        position: relative;
        top: -410px;
        margin-left: 25px;
        }

       .text-white{
        position: relative;
        top: -410px;
        margin-left: 25px;
        }
       #Educacion .about-img a{
        top: -170px;
        margin-left: 165px;
       }

       .banner img{
        height: 832px;
       }

       .columna{
        height: 800px;
       }
  }

  @media (max-width: 446px){

       #Educacion .about-img img{
        top: 230px;
        width: 300px;
        height: 210px;
        margin-left: 50px;
        margin-top: 195px;
        }

        #Educacion .about-img a{
        margin-left: 138px;
       }

        .banner img{
        height: 932px;
       }

       .columna{
        height: 900px;
       }
  }

  @media (max-width: 401px){

       #Educacion .about-img img{
        top: 250px;
        width: 300px;
        height: 210px;
        margin-left: 50px;
        margin-top: 195px;
        }
  }

  @media (max-width: 375px){

       #Educacion .about-img img{
        top: 250px;
        width: 300px;
        height: 210px;
        margin-left: 35px;
        margin-top: 195px;
        }

        #Educacion .about-img a{
        margin-left: 123px;
       }
  }