@import url(https://fonts.googleapis.com/css2?family=Chivo+Mono:ital,wght@0,100;0,200;0,600;1,100&family=Foldit:wght@800&family=Sono:wght@300&family=Source+Code+Pro:wght@300&display=swap);.contacto_title h1,.logo{text-transform:uppercase}.footer_1 h6,.logo{letter-spacing:10px}.contacto_title,.footer_1 h6,.footer_1 p,.footer_copy,.header .navigation ul li ul a{text-align:center}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background:url("../IMG/fondo.jfif") right top/cover fixed;width:100vw;font-family:Roboto,sans-serif}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:gray}::-webkit-scrollbar-thumb:hover{background-color:#000}.header{top:0;left:0;right:0;background:rgba(0,0,0,.902);padding:0 10px;display:flex;align-items:center;justify-content:space-between;z-index:1000;height:10vh;position:fixed}.contact_form,.contact_info,.contacto_title{background-color:rgba(1,1,1,.712)}.logo{font-size:25px;color:#f5f5f5;font-weight:700;font-family:'Chivo Mono',monospace}.navigation ul{list-style:none}.header .navigation ul li{float:left;position:relative;cursor:pointer;margin-top:5px}.header .navigation ul li a{font-size:15px;color:#f5f5f5;text-decoration:none;padding:20px;display:block;transition:.2s}.header .navigation ul li a:hover{color:#b1b1b1;transition:.2s}.header .navigation ul li ul{position:absolute;right:10px;width:300px;background-color:#010101;display:none}.header .navigation ul li ul li{width:100%}.header .navigation ul li:hover>ul{display:initial}#toggle,.header label{display:none;cursor:pointer}.menu{width:20px;height:35px}.contacto_title{margin-top:5%;height:50vh}.contacto_title h1{color:rgba(245,245,245,.833);font-size:2.5rem;padding:8rem}.content{width:100vw;margin-bottom:15%}.contact_wrapper>*{padding:1em}.contact_form{padding:20px}.contact_form form{display:grid;grid-template-columns:1fr 1fr}.contact_form form .block{grid-column:1/3}.contact_form form p{margin:0;padding:1em;text-align:left;color:#f5f5f5}.contact_form form button,.contact_form form input,.contact_form form textarea{width:100%;padding:.7em;border:none;background:0 0;outline:0;color:#a9a9a9;border-bottom:1px solid rgba(245,245,245,.47)}.contact_form form button{background:rgba(0,0,0,.644);color:#f5f5f5;border:0;text-transform:uppercase;padding:1em}.contact_form form button:focus,.contact_form form button:hover{background:rgba(46,73,153,.8);color:#f5f5f5;transition:background-color 1s ease-out;outline:0}.contact_info{color:rgba(255,255,255,.459)}.contact_info h5,.contact_info p,.contact_info ul{text-align:center;margin:0 0 1rem}.contact_info ul{list-style:none;padding:0}.contact_info ul li{padding:.3rem}.footer{background-color:rgba(1,1,1,.838);width:100vw;height:30vh;display:flex;justify-content:space-around;align-items:center;margin-top:-15%}.footer_1 h6{color:rgba(245,245,245,.525);align-items:center;font-size:60px;padding:20px}.footer_1 h6 span{font-size:20px;letter-spacing:0}.footer_1 p{color:rgba(245,245,245,.672)}.footer_2{color:#fff;font-size:15px}.footer_2 h4,.footer_copy{color:rgba(245,245,245,.525)}.footer_2 h4{font-size:20px}footer .footer_2 .footer_2-menu .footer_2-link{text-decoration:none;color:rgba(245,245,245,.525)}.footer_copy{background-color:#000;align-items:center;height:50px;margin-top:-20px;width:100vw}.footer_copy p{margin-top:0;padding:5px;font-size:15px}@media screen and (max-width:950px){.header .navigation,.header .navigation ul li ul li{background-color:rgba(1,1,1,.7)}.header label{display:initial}.header{padding:20px 10%}.header .navigation{position:absolute;top:100%;left:0;right:0;display:none}.header .navigation ul li{width:100%}.header .navigation ul li a{padding:0 0 8px 1%}.header .navigation ul li ul{position:relative;width:100%;left:0}#toggle:checked~.navigation{display:block}}@media screen and (max-width:560px){.footer{display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width:520px){.contacto_title h1{font-size:1.6rem}.footer{flex-direction:column;padding:1rem}.footer .footer_1 h6{font-size:1.2rem}footer .footer_2 .footer_2-menu{margin-bottom:3rem}}@media screen and (max-width:380px){#cont_tit{font-size:1.4rem;padding:5rem;margin-top:4rem}}@media screen and (max-width:320px){.contact_form form{display:flex;flex-direction:column;margin-top:-15%}.footer .footer_1 h6{font-size:2rem}.footer_copy{height:10vh}}