*{margin:0;padding:0;list-style:none;text-decoration:none;color:#000}body{font-size:20px;font-family:Times New Roman,Times,serif;background-color:#fff}a.img{display:inline-block;line-height:0}img{width:100px;height:auto}header{display:block;padding:10px 5%;width:90%;box-shadow:0 2px 5px #000;background-color:#0769e9}nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}ul{display:flex;flex-wrap:wrap}li{margin:10px}li>a{padding:10px 20px;border-radius:10px;transition:.4s all linear;background-color:#0769e9}li>a:hover{background-color:#95bceb}li>a#actual{background-color:#95bceb}main{display:block;margin:20px auto;width:90%}h1{margin:10px 0;font-size:40px}h2{margin:10px 0;font-size:30px}h3{margin:10px 0;font-size:20px}hr{margin:10px 0}p{display:block;margin:10px 0;line-height:25px;text-align:justify}.article{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0}#photo{width:20%;height:auto;border-radius:50%}.text{width:75%}.intro{margin-bottom:50px}p>a{font-weight:700;color:#05f}article section{margin-bottom:30px}.proyect-info{display:inline-block;margin:10px 20px 0 0}.proyect-info img{width:100px;height:auto;border-radius:50%}.proyect-info>p{font-weight:700;margin:5px 20px 10px 0}.services{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0}.services>img{width:45%;height:auto;border-radius:20px}.services .text{width:50%}.services ul{display:block;margin:20px 0}.services li{margin-left:20px;list-style:circle}.classes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 0}.classes>img{width:45%;height:auto;border-radius:20px}.classes .text{width:50%}.classes ol{display:block;margin:20px 0}.classes li{margin-left:20px;list-style:decimal}footer{display:flex;flex-wrap:wrap;align-items:center;margin:50px auto 0;padding:10px 5%;width:90%;background-color:#ddd}.footer{width:calc(100% / 3)}.footer>a{margin:0 10px 10px 0}.footer>p>a{color:#000}.footer img{width:50px;height:auto}.center p{text-align:center}@media only screen and (max-width:1500px){#photo{margin:0 auto;max-width:70%;width:300px}.text{margin:10px 0;width:100%}.services{display:block}.services>img{max-width:100%;width:640px}.services .text{margin:10px 0;width:100%}.classes{display:block}.classes>img{max-width:100%;width:640px}.classes .text{margin:10px 0;width:100%}}@media only screen and (max-width:1000px){p{font-size:1.2rem}.services>img{width:100%}.classes>img{width:100%}.footer{width:100%}.center{margin:30px 0}.center p{text-align:left}}@media only screen and (max-width:550px){nav>a{margin:10px auto}ul{margin:0 auto}li{margin:10px 5px}}
