*{
    box-sizing: border-box;
     image-rendering:optimizeQuality;
   
  }
  


body{
 
  background-color:#f5f5f5;
  width:100%;
  font-family:"Ralewaya,sanserif";
  

}
.responsive{
    width:100%;
    min-width:30%;
}

#icon{
    float:left;
    margin-right:300px;
    margin-left:140px;
    text-align:left;
}

#icon a{
    font-size:20px;
    text-decoration:none;
    color:#464646;
    font-family:"Relay,sans-serif";
   
}
nav{
    width:100%;
}

.nav-top{
    position:relative;
    margin-top:20px;
    margin-right:0;
    color:#464646;
    margin:0 5px 0 25px;
    width:100%;
    float:right;
    padding-top:20px;
    padding-bottom:120px;
}

.nav-top li{
    display:inline;
       padding:20px 0px 0 10px;
  /* margin:20px 20px 20px 10px;*/
    

}

.nav-top a{
    text-decoration:none;
    color:#464646;
    font-weight:bold;
    font-size:19px;
    text-decoration:none;
}

.nav-top a:hover{
    color:#175c50;
    text-decoration:underline;
    background-color:rgb(169, 212, 212)
}

.presentacion{
    
    margin-left:140px;
    margin-right: 170px;
   width:80%;
  /* width:60%;*/
   padding: 0 40px 40px 40px;
}

.titulo-presentacion {
    font-family:"Relay,sans-serif";
    font-size:50px;
}

.hola .mifoto{
    float:right;
    margin-top:0px;
   /* display:inline-block;*/

}
.formacionParrafo{
    font-family:"Relay,sans-serif";
   font-size:25px;
   text-align:justify;
}


.lista2  ul li{
display:inline;
align-items: left;
padding: 0px;
list-style:none;
text-decoration:none;
width: 653px;
height: 19px;
left: 0px;
padding-right:10px;
top: 0px;


/*flex: none;*/
order: 1;
flex-grow: 0;
padding-top:20px;
padding-bottom:50px;
padding-left:15px;
margin-top: 30px;
margin-bottom:30px;
margin: 0px ;
text-align:left;
align-items:baseline;/*que la linea donde inicien sea igual para todos si cambio margin a uno lo aplicara atodos*/
} 


.lista2  ul li a{
font-size:20px;
text-decoration:none;
list-style:none;
color:rgb(23, 79, 87);
margin-left:0px;

} 

.sobremi p{
    margin-top:0px;
    margin-left:140px;
    width:60%;
    margin-right:170px;
    padding:0 40px 40px 40px;
}

.sobremi{
    font-size:20px;
    text-align:justify;
    background-color:#eaf2fd;
    
    
}
.sobremi h3{
     font-size:30px;
     text-align:left;
     margin:140px;
     margin-bottom:50px;
}
.sobremi img{
    margin-left:140px;
}

.flextitle h3{
    text-align:center;
    font-size:35px;
    color:#464646;
}

.skills{
    max-width:100%;
    margin-top:20px;
   
    
}
.flex-container1{
    width:100%;
    min-width:10% ;
    flex-wrap:wrap;
}

div.galeria {
    /*width:13%;*/
    width:auto;
    padding-right:10px;
    padding-left:10px;
   margin:30px 5px 30px 5px;
    border: 1px solid #ccc;
    float: left;
    border:none;
    margin-left:auto;
    margin-right:auto;
  }

  div.galeria img{
      width:100%;
      height:200px;
  }
  div.galeria img:hover{
      margin-top:3px;
     /* box-shadow: 10px 10px 20px #464646;*/
     box-shadow: 10px 10px 20px #458097;
  }
  div.desc {
      padding-top:0px;
      margin-top:0px;
    padding: 15px;
    text-align: center;
    color:#464646;
  }

  .mishobbies{
      display:inline-block;
      max-width:100%;
      min-width: 30%;
      margin-top:20px;
      
  }

  .flex-container1 .flex-container2{
      margin-left:40px;
      padding-left:20px;
      flex-wrap:wrap;
      
  }

  .Estudios{
    width:110%;
    
    
}
.flex-container3{
    width:100%;
    flex-wrap:nowrap;
    
}

.experiencia h3
{
  text-align:center;
    font-size:35px;
    color:#464646;
    width:100%;
    flex-wrap:wrap;
    margin: 20px 300px 20px 40px;
    display:block;
    float:left;
}

div.galeria3 {
    width:auto;
    padding-right:10px;
    padding-left:10px;
    border: 1px solid #ccc;
    float: left;
    border:none;
    margin-left:auto;
    margin-right:120px;
  }

  div.galeria3 img{
      width:100%;
      height:200px;
      flex-wrap:wrap;
  }
  div.galeria3 img:hover{
      margin-top:3px;
    /*  box-shadow: 10px 10px 20px #464646;*/
    box-shadow: 10px 10px 20px #458097;
  }
  div.desc {
      padding-top:0px;
      margin-top:0px;
    padding: 15px;
    text-align: center;
    color:#464646;
  }
  p{
    
     font-family:"Ralewaya,sanserif";
     font-size:20px;
     color:#464646;
  }
  .imagenproyectos{
      margin-top:20px;
      padding:30px;
      margin-left:20px;
      width:90%;
      height:406;
      float:center;
      flex:wrap;

  }
  .imagenproyectos img{
      width:90%;
      height:30%;
      margin-top:20px;

    }  

 .imagenproyectos img:hover{
    box-shadow: 10px 10px 20px #458097;
 }
.btn{
    margin-left:auto;
    padding-left:80px;
    width:50%;
    height:auto;
    flex:wrap;
}
  .desc li{
      list-style:none;
      text-align:left;
  }

  .bt1{
     
    background-color: #07838b;
      
      color: white;
      padding: 15px 32px 15px;
      text-align: center;
      text-decoration: none;
      display: block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      flex-wrap:wrap;
      margin-bottom:10px;
      justify-content:space-arround;
}  

.bt2{
      background-color: #07838b;
      border: none;
      color: white;
      padding: 15px 32px 15px;
      text-align: center;
      text-decoration: none;
      display: block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      flex-wrap:wrap;
      margin-bottom:20px;
      justify-content:space-around;
   
    }
    
    .info{
        float:right;
        margin-top:0px;
        padding:0px;
        margin-right:30px;
        margin-left:20px;
    }
    .clearfix{
        width:100%;
    }


     /*contacto*/   
     @media only screen and (max-width: 2900px) {
        #contact-section {
          padding: 2rem 12rem;
          display: grid;
          grid-template-columns: 50% 50%;
          justify-content: center;
          background-color: #eaf2fd;
          width:100%;
        }
        #contact-img {
          background-image: url("images/phone.jpg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          width: 90%;
          height: auto;
        }
        form h2 {
          font-size: 32px;
          font-weight: 700;
          padding-bottom: 1rem;
        }
        form input {
          margin-top: 2rem;
          width: 100%;
          height: 56px;
        }
        form textarea {
          margin-top: 2rem;
          width: 100%;
          height: 133px;
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #c8c8c8 1px solid;
        }
        form input {
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #c8c8c8 1px solid;
        }
      
        form input:focus,
        form textarea:focus {
          outline: none;
          border-bottom-color: #2a7ae4;
        }
      
        form textarea {
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #c8c8c8 1px solid;
          padding-top: 1rem;
        }
        form input:placeholder-shown {
          font-size: 16px;
          font-family: Raleway;
        }
        form input:focus {
          font-size: 16px;
          font-family: Raleway;
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #2a7ae4 1px solid;
        }
      
        form textarea:placeholder-shown {
          font-size: 16px;
          font-family: Raleway;
          padding-top: 1rem;
        }
      
        form button {
          display:block;
          background-color: #2a7ae4;
          margin-top: 2rem;
          border: 1px solid #2a7ae4;
          box-sizing: border-box;
          font-size: 16px;
          color: white;
          height: 51px;
          width: 144px;
        }
        form button:hover {
          box-shadow: 2px 3px 5px grey;
          transform: scale(1.1);
          transition: 0.1s;
        }
        form button:active 
        {
          transform: translateY(4px);
        }
        form {
          display: block;
        }
      }
      /*TABLET*/
      @media only screen and (max-width: 1100px) {
        #contact-section {
          width: 100%;
          padding: 2rem 2rem;
          display: grid;
          grid-template-columns: 100%;
          justify-content: center;
          background-color: #eaf2fd;
        }
        #contact-img {
          display: none;
        }
        form h2 {
          font-size: 22px;
          font-weight: 700;
          padding-bottom: 1rem;
        }
        form input {
          margin-top: 2rem;
          width: 80%;
          height: 56px;
        }
        form textarea {
          margin-top: 2rem;
          width: 80%;
          height: 133px;
        }
        form input {
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #c8c8c8 1px solid;
        }
      
        form textarea {
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #c8c8c8 1px solid;
          padding-top: 1rem;
        }
        form input:placeholder-shown {
          font-size: 16px;
          font-family: Raleway;
        }
        form input:focus {
          font-size: 16px;
          font-family: Raleway;
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #2a7ae4 1px solid;
        }
      
        form textarea:placeholder-shown {
          font-size: 16px;
          font-family: Raleway;
          padding-top: 1rem;
        }
      
        form button {
          background-color: #2a7ae4;
          margin-top: 2rem;
          border: 1px solid #2a7ae4;
          box-sizing: border-box;
          font-size: 16px;
          color: white;
          height: 51px;
          width: 133px;
        }
        form {
          display: block;
        }
      }
      /*MOBILE*/
      @media only screen and (max-width: 550px) {
        #contact-section {
          width: 100%;
          padding: 2rem 2rem;
          display: grid;
          grid-template-columns: 100%;
          justify-content: center;
          background-color: #eaf2fd;
        }
        #contact-img {
          display: none;
        }
        form h2 {
          font-size: 22px;
          font-weight: 700;
          padding-bottom: 1rem;
        }
        form input {
          margin-top: 2rem;
          width: 90%;
          height: 56px;
        }
        form textarea {
          margin-top: 2rem;
          width: 90%;
          height: 133px;
        }
        form input {
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #c8c8c8 1px solid;
        }
      
        form textarea {
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #c8c8c8 1px solid;
          padding-top: 1rem;
        }
        form input:placeholder-shown {
          font-size: 16px;
          font-family: Raleway;
        }
        form input:focus {
          font-size: 16px;
          font-family: Raleway;
          border-top: none;
          border-left: none;
          border-right: none;
          border-bottom: #2a7ae4 1px solid;
        }
      
        form textarea:placeholder-shown {
          font-size: 16px;
          font-family: Raleway;
          padding-top: 1rem;
        }
        form button {
          background-color: #2a7ae4;
          margin-top: 2rem;
          border: 1px solid #2a7ae4;
          box-sizing: border-box;
          font-size: 16px;
          color: white;
          height: 51px;
          width: 133px;
        }
        form {
          display: block;
        }
      }
    /*STYLE FOOTER*/


/*PC-NB*/
@media only screen and (max-width: 2900px) {
    #footer{
        text-align: center;
        padding: 2rem 12rem;
      }
}
/*TABLET*/
@media only screen and (max-width: 1100px) {
    #footer{
        text-align: center;
        padding: 2rem 12rem;
      }
}
/*MOBILE*/
@media only screen and (max-width: 550px) {
    
#footer{
    width: 100%;
    padding: 1rem 1rem 1rem 1rem;
    text-align:center;
  } 
  
} 
.curriculum{
  margin-bottom:40px;
}