*{margin: 0;padding: 0;box-sizing: border-box}header{height: 80px;width: 100%;background: rgba(250,250,255,.95);color:#fff;display: flex;align-items: center;position: -webkit-sticky;position: sticky;top: 0px;z-index: 9999;-webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15)}#comMenuRespon{display: none}.contenedor1{display: flex;width: 35%;height: 100%;justify-content: flex-start;align-items: center}.contenedor2{display: flex;width: 65%;height: 100%;justify-content: space-around;align-items: center}#navContact{color:rgba(0,56,89,1);height: 100%;padding-top: 15px;text-align: center}#navContact2{color:rgba(0,56,89,1);display: none}#btn-menu{display: none}header label{font-size: 30px;cursor:pointer;display: none}.menu ul{background: rgba(255,255,255,0.01);display: flex;list-style: none;font-size: 18px}.menu ul ul{display: none}.menu a{cursor: pointer;display: block;padding: 29.5px 16px;color:rgba(0,56,90,1);text-decoration: none;-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;*/}.menu ul ul a{padding: 15px 18px}.menu a:hover{background: rgba(0,0,0,0.65)}.menu span{margin-left: 10px}.menu ul li:hover ul{display: block;position: absolute;background: rgba(250,250,255,.95)}.menu ul li:hover .icon-switch{animation: switchOn 0.9s forwards}.menu ul li:hover .icon-key{animation: keyOn 0.9s forwards}.menu ul li:hover .icon-home{animation: LedesmaTechOn 0.9s forwards}.menu ul li:hover .username{animation: usernameOn 0.5s forwards}.menu ul li:hover a{animation: LedesmaTechOnHeader 0.5s forwards}.menu ul li:not(hover) .username{animation: usernameOff 0.6s forwards}@-webkit-keyframes LedesmaTechOnHeader{from{color: #000;text-shadow: 0 0 9px #000}to{color: #fff;text-shadow: 0 0 9px rgba(0,56,90,1)}}@-webkit-keyframes LedesmaTechOn{from{color: #fff;text-shadow: 0 0 9px #000}to{color: rgba(33,150,243,1);text-shadow: 0 0 9px rgba(33,150,243,1)}}@-webkit-keyframes switchOn{from{color: #fff;text-shadow: 0 0 9px #333}to{color: red;text-shadow: 0 0 9px red}}@-webkit-keyframes keyOn{from{color: #fff;text-shadow: 0 0 9px #333}to{color: yellow;text-shadow: 0 0 9px yellow}}@-webkit-keyframes usernameOn{from{color: #fff;text-shadow: 0 0 8px #333}to{color: white;text-shadow: 0 0 8px white}}@-webkit-keyframes usernameOff{from{color: white;text-shadow: 0 0 8px white}to{color: #fff;text-shadow: 0 0 9px #333}}@media screen and (max-width: 920px){.menu a{padding: 30px 12px}.contenedor2{justify-content: flex-end}}@media screen and (max-width: 835px){.menu{position: fixed;top:80px;width: 200px;transform: translateX(100%);transition: all 0.5s;z-index: 9}.menu>ul>li>ul li{border-top: 1px solid rgba(255,255,255,1)}.menu ul ul>li>a{padding: 8px 20px;background:rgba(0,0,0,0.95)}.menu>ul>li>ul{background:rgba(0,0,0,0)}#navContact{display: none}#navContact2{display: block}.contenedor1{width: 50%}.contenedor2{width: 50%;justify-content: flex-end}header label{display: block;padding-right: 15px}#comMenuRespon{cursor: auto;position: fixed;top: 80px;z-index: 7;width:100%;height: 100vh}.menu a{padding: 18px 20px;color:#fff}@-webkit-keyframes LTOnHeaderCanvas{from{color: #fff;text-shadow: 0 0 9px #000}to{color: rgba(33,150,243,1);;text-shadow: 0 0 13px rgba(33,150,243,1)}}.menu ul li:hover a{animation: LTOnHeaderCanvas 1s forwards}.menu ul{display: block;background: rgba(0,0,0,0.76);height: 100vh}nav li a:hover{background-color: #434343}.menu ul li:hover ul{position: relative;display: list-item;flex-direction: column;right:200px;top:-78px;z-index: 200;height: auto}.menu>ul>li{position: relative}#btn-menu:checked ~ .icon-menu{animation: LedesmaTechOn 1.6s forwards}#btn-menu:not(:checked) ~ .icon-menu{animation: LedesmaTechOff 1s forwards}.menu ul li:hover{animation: switchOn 0.15s forwards}.menu ul li:hover .icon-home{animation: none}@-webkit-keyframes LedesmaTechOff{from{color: rgba(33,150,243,1);text-shadow: 0 0 12px rgba(33,150,243,1)}to{color: #fff;text-shadow: 0 0 9px #333}}#btn-menu:checked ~ .menu{transform: translateX(0%)}#btn-menu:checked ~ #comMenuRespon{display: block}#btn-menu:not(:checked) ~ #comMenuRespon{display: none}}@media screen and (max-width: 359px){.menu{top:80px;width: 170px}.menu ul ul{width: 115px}}@media screen and (max-width: 359px){.menu{top:80px;width: 150px}.menu ul ul>li>a{padding: 6px 12px}.menu ul li:hover ul{right:116px;width: 116px}}