.div-contact{
}

/*/// FOTO ///*/
.div-contact .contact-foto{
  width: 100%;
}

.description-explanation{
  font-size: 11pt;
  text-align: justify;
}

.div-contact .contact-image{
  background-color:white;
  width: 260px;
  height: 330px;
  padding: 8px;
  object-fit: cover;
  margin: 0 auto;

  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}

.div-contact .contact-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.description-data-info{
  margin-top: 20px;
  text-align: left;
}
/*/////////////////*/


.div-contact .contact-description{
  float:left;
  margin: 20px 40px;
  width: 70%;
}

.div-more-projects{
  padding: 40px;
  text-align: center;
}

.description-title{
  font-weight: bold;
}

.description-title-icon{
  font-size: 15pt;
  padding-right: 5px;
}


.description-social-media{

}

.description-data{
  margin: 10px 0px;
}

.description-social-media .social-media-icons {
  font-size: 20pt;
  color: white;
  padding-left: 15px;
}

.description-social-media .social-media-icons a{
  color: white;
}

.description-social-media .social-media-icons a i:hover{
  color: #007bff;
  transform: scale(1.2);
}

.about-me-section-title{
  font-size: 15pt;
  font-weight: bold;
  padding-bottom: 20px;
  padding-top: 20px;
  text-transform: uppercase;
}

.about-me-studies{
  width: 100%;
}

.about-me-studies-title {
  background-color: #1b3a60;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.skills-title {
  /*background-color: #165da6;*/
  padding: 3px 15px;
  font-weight: bold;
  margin-bottom: 10px;
  background: linear-gradient(90deg, #165da6 0%, #165da6 20%, #165da6 60%,#165da600 100%);
  transform: skewX(-7deg);
}

.skills-list{
  margin-bottom: 20px;
}

.about-me-experience{
  padding: 20px 0px;
  padding-bottom: 40px;
}

.about-me-experience-title {
  border: none!important;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
  box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
}

.about-me-work .about-me-experience-title{
  background-color: #4d1260;
}
.about-me-studies .about-me-experience-title{
  background-color: #1b3a60;
}

.about-me-experience-title .card-header{
  cursor: pointer;
  padding: 8px 20px!important;
}

.about-me-experience-title .card-body{
  box-shadow: inset 0px 0px 18px -8px rgba(0,0,0,0.75);
  padding: 12px 20px;
}

.about-me-work .about-me-experience-title .card-body{
  background: #3b0d49;
}

.about-me-studies .about-me-experience-title .card-body{
  background: #122d4d;
}

.about-me-studies-title-text{
  font-weight: bold;
  font-size: 12pt;
}
.about-me-studies .card-body{
  font-size: 10pt;
}

.about-me-studies-title-info{
  margin-bottom: 15px;
  text-align: justify;
}

.about-me-studies-icon{
  font-size: 20pt;
  padding-right: 20px;
  padding-top: 5px;
}
.about-me-work-icon{
  font-size: 19pt;
  padding-right: 20px;
  padding-top: 5px;
}

.about-me-studies .about-me-work-icon{
  font-size: 18pt;
}

.about-me-studies-info{
  padding-left: 20px;
}

.about-me-work-title-text{
  font-weight: bold;
  font-size: 12pt;
}

.about-me-work .card-body{
  font-size: 10pt;
}

.about-me-work-title-explanation{
  margin-bottom: 15px;
  text-align: justify;
}

/* MEDIA QUERIES */

@media (max-width: 992px){
  .description-data-info{
    text-align: center;
  }

}

@media (max-width: 768px){
  .about-me-section-title {
    text-align: center;
    font-size: 13pt;
    padding: 0px
  }


  .about-me-studies, .about-me-work{
    padding-top:  10px;
    padding-bottom:  40px;
  }
  
  .about-me-work-icon{
    font-size: 12pt;
  }

  .about-me-studies .about-me-work-icon{
    font-size: 10pt;
  }

  .about-me-studies-title-text, .about-me-work-title-text {
    font-weight: bold;
    font-size: 8pt;
  }

  .card-header .about-me-studies-title-school, .card-header .about-me-work-title-company{
    font-size: 7pt;
  }

  .about-me-experience-title .card-header{
    padding: 10px!important;
  }

  .about-me-work-icon {
    padding-right: 17px;
    padding-top: 5px;
  }

  .about-me-experience .container{
    padding: 0px 10px;
  }

  .about-me-studies .card-body{
    font-size: 9pt;
  }

  .about-me-work .card-body{
    font-size: 9pt;
  }

  .div-more-projects {
    padding: 40px 0px;
  }
  .div-more-projects .btn-agp-border:last-child{
    margin-top: 10px!important;
  }
}
/* ///////////////////////// */

/*//// ANIMATIONS ///*/
@keyframes foto-fadein {
  from { top: -410px; }
  to { top: 0px; }
}