{nav a:hover,nav a:focus{outline:none;}.container>header,.codeconTop{font-family:'Lato',Arial,sans-serif;}.container>header{color:#fff;float:left;margin:0 auto;padding:2em 4em;text-align:center;text-transform:none;width:100%;}.container>header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:900;}.container>header span{display:block;font-size:60%;color:#fff;padding:0 0 0.6em 0.1em;}.codeconTop{float:left;background:#54573A;font-size:0.69em;line-height:2.2;padding:0;text-transform:uppercase;width:100%;}.codeconTop li{list-style:none;display:inline-block;}.codeconTop a{color:#fff;display:inline-block;letter-spacing:0.1em;padding:2em;text-decoration:none;}.codeconTop a:hover{color:#716d62;}.codeconTop span.right{float:right;}.codeconTop span.right a{float:left;display:block;}.codecon_full{width:100%;float:left;}.container>section{font-family:"Raleway",sans-serif;font-size:20px;font-weight:300;line-height:175%;margin:0 auto;overflow:auto;padding:0;text-align:justify;width:80%;}.codeconNav{}.codeconNav ul{}.codeconNav li{list-style:none;display:inline-block;}.codeconNav li a span:hover{color:#000;}.codeconDemos a{border:1px solid #fff;color:#fff;display:inline-block;font-size:1em;font-weight:700;margin:0.5em;outline:medium none;padding:0.5em 1.5em;text-decoration:none;}.codeconDemos a:hover,.codeconDemos a.active,.codeconDemos a.active:hover{opacity:0.7;}@media screen and (max-width: 25em) {}