﻿/*!normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--color-bg-hero: #e4f2f8;--color-bg-hero-dark: #d5e8f0;--color-bg-section: #ffffff;--color-bg-section-shade: #f4f5f6;--color-bg-footer: #f7f7f7;--color-bg-card: #e4f2f8;--color-bg-search: #f4f5f6;--color-text-link-footer: #707070;--primary-color-blue: #02a0e0;--primary-color-darkblue: #16325c;--primary-color-blue-highlight: #def1fa;--spotlight-bg: #ffffff;--sidebar-width: 250px;--sidebar-width-full: 300px;--border-gray: #eee solid 2px;--card-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),        0 1px 3px 0 rgba(0, 0, 0, 0.12);--trigger-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);--nav-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);--button-color: #ffffff;--button-color-bg: #02a0e0;--button-color-bg-active: #007aac;--button-brand-color-bg: #ff6000;--button-brand-color-bg-active: #df5400;--important-border: #e0002e;--important-background: #ffe6e5;--note-border: #02a0e0;--note-background: #e2f4fc;--tip-border: #00b462;--tip-background: #e1f6ed;--warning-border: #f1a019;--warning-background: #f8f2e7}*,:after,:before{box-sizing:border-box}html,body{width:100%;height:100%}html{font-family:helveticaneue-light,helvetica neue light,helvetica neue,Helvetica,Arial,lucida grande,sans-serif;font-weight:300;font-size:16px;line-height:1.6;box-sizing:border-box}body{background:#fff;color:var(--primary-color-darkblue);margin:0;min-height:100%;flex-direction:column;align-items:stretch}main{flex-grow:1}header,main,footer{flex-shrink:0}a{color:var(--primary-color-blue);text-decoration:none;border:none}a:hover{background-color:var(--primary-color-blue-highlight)}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}h1,h2,h3,h4{color:var(--primary-color-darkblue);line-height:1.25}h1{font-size:1.4rem;font-weight:300}h2{font-size:1.9rem}h3{font-size:1.2rem}h1 a,h2 a,h3 a,h4 a{border:none}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{background-color:unset;border:none}button{background-color:var(--button-color-bg);border:none;display:inline-block;border-radius:.4rem;padding:.5rem 3rem;color:var(--button-color);font-size:1.4rem}button+button{margin-left:10px}button:hover,button:focus,button:active,button:visited{text-decoration:none}button:active,button:hover,button:focus{background-color:var(--button-color-bg-active)}button.brand{background-color:var(--button-brand-color-bg)}button.brand:active,button.brand:hover,button.brand:focus{background-color:var(--button-brand-color-bg-active)}.card{padding:1rem;margin:1rem;flex:1}.card-shade{background-color:var(--color-bg-card);border-radius:5px;padding:1rem 2rem}.flex-wrapper{display:block}article{flex:1;padding:2rem;overflow:auto;padding-top:1rem;font-size:1.1rem}article ul li{color:var(--primary-color-darkblue)}article h1{font-size:2rem;font-weight:700;line-height:1.2;text-indent:-1.7rem;padding-left:1.7rem}article h2{text-indent:-1.6rem;padding-left:1.5rem}article a{border-bottom:dotted 1px}article h1 a,article h2 a,article h3 a{border:none}.blog article{max-width:unset}@media screen and (min-width:48em){article{padding-left:4rem;padding-right:2.3rem}.blog article{padding-left:3rem}}@media screen and (min-width:48em){body{display:flex}.content-wrapper{max-width:1200px;margin:0 auto;width:100%}.flex-wrapper{display:flex;flex-wrap:wrap;justify-content:center}}@media only screen and (min-width:55em){article h1{font-size:3rem}}.header{background-color:#fff;box-shadow:1px 1px 4px 0 rgba(0,0,0,.1)}.header a:hover,.header a:active{background-color:transparent}.header ul{margin:0;padding:0;list-style:none;overflow:hidden;background-color:#fff}.header li{margin-bottom:0}.header li a{display:block;padding:20px;text-decoration:none;font-weight:700;font-size:1.1rem;color:var(--text-color)}.header li a:hover,.header .menu-btn:hover{background-color:#f4f4f4}.header .logo{display:block;float:left;text-decoration:none;padding:15px 10px 0}.header .icon-logo{display:inline-block;width:40px;height:36px;vertical-align:middle}.header .title{display:none;vertical-align:middle}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;float:right;padding:32px 20px;position:relative;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{background:#333;content:'';display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:260px}.header .menu-btn:checked~.menu-icon .navicon{background:0 0}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{top:0}.github-corner{display:none}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media screen and (min-width:48em){.header .logo{padding:5px}.header .title{display:inline-block}.header li{float:left}.header li a{padding:20px 30px;font-weight:300}.header .menu{clear:none;float:right;max-height:none}.header .menu-icon{display:none}.header .menu li.active{box-shadow:inset 0 -4px 0 var(--primary-color-blue)}.github-corner{display:block}}@media screen and (min-width:55em){.header .logo{padding:5px 0}}.search-box{margin:18px 0 0;float:right}.search-input{width:0;appearance:none;background:0 0;border:none;color:var(--primary-color-darkblue);font-size:1.1rem;font-weight:300;font-family:inherit;position:relative;padding:4px 4px 4px 34px;margin:0;background-image:url(/assets/images/search.svg);background-size:20px 20px;background-repeat:no-repeat;background-position-y:center;background-position-x:4px;transition:width .2s ease,padding .2s ease;cursor:pointer}.search-input:focus{width:170px;background-color:var(--color-bg-search);outline:none}.ds-dropdown-menu{position:relative!important;width:100%!important;min-width:0!important}@media screen and (min-width:48em){.search-box{margin-right:50px}.ds-dropdown-menu{position:absolute!important;width:auto!important;min-width:500px!important}}@media(min-width:65em){.search-box{margin:18px 48px 0 10px}}.footer{background-color:var(--color-bg-footer);padding:2rem}.footer .flex-wrapper{display:flex;flex-wrap:wrap}.footer .copyright{margin-bottom:20px}.footer .links{font-size:1.15rem;line-height:2.2rem}.footer .sf-links{flex:1 1 70%}.footer .social-links{flex:1 1 30%}.footer .footer-sfdc-logo{width:100px}.footer h4{margin-top:0;text-transform:uppercase}.footer li{list-style:none;margin:0}.footer li a{color:var(--color-text-link-footer)}.footer li a:hover{color:var(--primary-color-blue)}@media screen and (min-width:48em){.footer .copyright{flex:1 1 50%}.footer .sf-links{flex:1 1 30%}.footer .social-links{flex:1 1 20%}.footer{padding-bottom:5rem}}section.hero{background-color:var(--color-bg-hero)}.hero .flex-wrapper{flex-wrap:nowrap}.hero .title{font-weight:100;padding:0;margin-top:0;text-indent:0}.hero .subtitle{font-size:1.1rem;line-height:1.8rem}.center-content{display:none}.hero .left-content,.hero .right-content{padding:20px 30px}.hero .left-content{text-align:center}.hero .right-content{background-color:var(--color-bg-hero-dark)}.hero .description{padding:.25rem 1rem;margin-top:2rem;text-align:left}.hero .left-content .description{border-left:5px solid #fff;font-size:1rem}.hero .right-content .description{text-align:center}.hero .thunder{width:100%;height:100%;position:absolute;display:none}.hero code{margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}.hero pre{overflow:auto;margin-bottom:0}.hero pre>code{display:block;white-space:pre;text-align:left}@media(min-width:65em){.home section.hero{padding:4rem}.hero .title{font-size:2.5rem}.hero .subtitle{font-size:1.2rem}.hero .left-content{background-color:transparent;flex:1 1 30%;padding:80px 30px}.hero .left-content .description{font-size:1.1rem}.hero .center-content{display:flex;justify-content:center;align-content:center;align-items:center;flex:1 1 30%}.hero .right-content{background-color:transparent;margin:auto 0;display:flex;justify-content:center;align-content:center;align-items:center;flex:1 1 30%}.hero pre>code{font-size:1.3rem}}.home article{padding:0}.home .learn{margin:0 auto}.home section{padding:1rem}.home section.hero{padding:0}.home section.shade{padding:2rem;background:var(--color-bg-section-shade);text-align:center}.home section h3{font-size:1.7rem}.home section h4{font-size:1.4rem;margin:1rem 0}h3.benefitsHeading{text-align:center}.spotlight{display:flex;justify-content:center;align-content:center;align-items:center;margin:auto;border-radius:50%;background:var(--spotlight-bg);width:190px;height:190px;margin:10px auto}.secondCard{border-top:var(--border-gray);border-bottom:var(--border-gray);border-left:none;border-right:none}@media screen and (min-width:48em){.home .learn{max-width:600px}h2.title{font-size:2.5rem;margin-top:unset}.secondCard{border-top:none;border-bottom:none;border-left:var(--border-gray);border-right:var(--border-gray)}}.notfound .content-wrapper{padding:50px;text-align:center}.nav{position:fixed;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;margin-left:calc(-1 * (var(--sidebar-width) + 10px));width:var(--sidebar-width);transition:margin .2s ease;box-shadow:var(--nav-box-shadow);background-color:#f6f4f4;z-index:10}.nav.open{margin-left:0}.home .nav-trigger{display:none}.nav-trigger{position:fixed;display:flex;justify-content:center;align-content:center;align-items:center;bottom:20px;right:20px;background-color:var(--primary-color-blue-highlight)!important;width:55px;height:55px;border-radius:50%;box-shadow:var(--trigger-box-shadow);z-index:9}.nav-trigger.open>svg{display:none}.nav-trigger.open:after{content:'X';font-weight:700;color:var(--primary-color-darkblue);font-size:1.7rem}@media screen and (min-width:48em){.nav{display:block;overflow:initial;position:relative;margin:7px 0 0;box-shadow:none;background-color:transparent}.nav-trigger{display:none}}@media screen and (min-width:55em){.nav{width:var(--sidebar-width-full)}}.nav input{display:none}.nav ol,.nav ul,.nav li{list-style:none;margin:0}.nav label{margin:0;cursor:pointer;font-weight:300;line-height:.8rem;color:#111;display:flex;flex-direction:row-reverse;align-items:stretch}.nav a,.nav label{color:#333}.nav label>.icon-angle,.nav label>a{display:flex;align-items:center;flex-shrink:0}.nav label a{padding:1.3rem;flex-grow:1}nav li.active label{background-color:var(--primary-color-blue)}nav li.active label a{color:#fff}nav li.active label:hover{background-color:var(--primary-color-darkblue)}nav li.active span.icon-angle{color:#fff}nav li label:hover{background:rgba(3,160,224,.1)}nav li.active ul a{background:rgba(3,160,224,.2)}nav li.active ul a:hover{background:rgba(3,160,224,.35)}.page-nav .prev{}.page-nav .next{float:right}nav a:focus,nav a:hover,nav label:focus,nav label:hover{background:unset}nav ul.nav__list{background-color:#f6f4f4;border-radius:5px}.group-list a,.group-list label{padding:.8rem 3rem;padding-right:1rem;display:block}.group-list a:focus,.group-list a:hover,.group-list label:focus,.group-list label:hover{background:rgba(220,241,252)}.group-list{overflow:hidden}.nav__list input[type=checkbox]:checked+label+ul{max-height:1000px}.nav__list input[type=checkbox]:checked+label>span{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}@font-face{font-family:icomoon;src:url(data:font/woff;base64,d09GRgABAAAAAAM4AAsAAAAABEQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAD4AAABgDxID6mNtYXAAAAFIAAAAOAAAAFQXVtKHZ2FzcAAAAYAAAAAIAAAACAAAABBnbHlmAAABiAAAAFEAAACIR1/mS2hlYWQAAAHcAAAAKgAAADYSeHnEaGhlYQAAAggAAAAcAAAAJAUQA8ZobXR4AAACJAAAABIAAAAUB4AAMmxvY2EAAAI4AAAADAAAAAwAKABYbWF4cAAAAkQAAAAWAAAAIAAHABduYW1lAAACXAAAAM0AAAGGmUoJ+3Bvc3QAAAMsAAAADAAAACAAAwAAeAFjYGY8wDiBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKMKABBwaGlwzMB/4fYHBgBmKQGiRZBQYGAF9ECwUAAHgBY2BgYIZiGQZGCA0kGcE0C4MFkOZi4GBgAkJGBoWXDP///v/PAARwNuP/x+IsYB1wAAByagy+AAEAAf//AA94AWNgZIABJgYGc0sQlwQxI4bjjH5MOxlEgBx2NiV9RjUTe0Z1EGFmJM8oJsLo94ZdhJ2Pnf3sWXYgJcL+hp1x/QsI8+RJiNQLdqBuAGAvDs8AAAB4AWNgZACDj7OnOsfz23xl4GYB82+yzWZHphn9mHYCKQ4GJhAPAAaeCCoAAHgBY2BkYGA+8P8AAwMLAwgw+gFFUAErAFHlAt14AWNhQAAmIGZsYDACAAIqALoAAAAAAAAACgAUAB4ARHgBY2BkYGBgZRAF0iDAxIAGAAMMAB8AAHgBbcw1UkRBEIDhf903wqO5AC4ZIe6arvb6vql6gp+AcxBzRrqKDp/NfK1Ak18yAHqWwJxVt8059YE5r07MBWosmouavzBXWeObHJl8RTNNSuasemjOqQ/NefWXucASzlzU/L25yh4/456fex8wpodnjscTPEsYjX3gtje2eEYIiRijBRzbbLCVOpWavJdhMuuE3CMMSZjRIUztPPZB7IYSSNiJpe+67+6s56+0bYNjtE6MY4iohJAOMUIfR5d3HGfoLq7+d7HxB9yDPbcAAAB4AWNgZsALAAB9AAQ=) format('woff');font-weight:400;font-style:normal}[class^=icon-],[class*=' icon-']{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-angle{margin:10px}.icon-angle:before{content:'\e900'}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3rem}ol{list-style:decimal inside}ul{list-style:circle inside}dd,dt,li{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;width:100%}td,th{border-bottom:.1rem solid #e1e1e1;padding:1.2rem 1.5rem;text-align:left}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media screen and (max-width:40rem){table{border-spacing:0;display:flex;width:100%}table thead{border-right:solid .1rem #e1e1e1}table thead td,table thead th{padding-left:0}table thead td:first-child,table thead th:first-child{padding-left:0}table thead td:last-child,table thead th:last-child{padding-right:1.2rem}table tbody{display:flex;overflow-x:auto;white-space:nowrap}table tbody tr{border-right:solid .1rem #e1e1e1}table tbody tr:last-child{border-right:none}table td,table th{display:block}table td:first-child,table th:first-child{padding-left:1.2rem}table td:last-child,table th:last-child{padding-right:1.2rem}}hr{border:0;border-top:.1rem solid #ccc;margin:3rem 0}blockquote{border-left:.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.custom-block.important,.custom-block.note,.custom-block.tip,.custom-block.example{padding:1rem 1.5rem;margin-bottom:2.5rem;border:2px solid;border-radius:5px}div.custom-block p.custom-block-title{font-weight:600;font-variant:unset;font-size:1.4rem}div.custom-block p{margin:0 0 1rem}.custom-block .custom-block-title{font-weight:600;margin-bottom:.4rem;font-variant:small-caps}.custom-block.important{background-color:var(--important-background);border-color:var(--important-border)}p code{font-family:monospace,monospace;font-size:.9em;background-color:rgba(206,206,206,.3);padding:.3rem;color:#333;border-radius:2px}.custom-block.important p a{color:var(--important-border)}.custom-block.important p a:hover{background-color:rgba(224,0,46,.1)}.custom-block.note{background-color:var(--note-background);border-color:var(--note-border)}.custom-block.note p a{color:var(--note-border)}.custom-block.note p a:hover{background-color:rgba(2,160,224,.1)}.custom-block.tip{background-color:var(--tip-background);border-color:var(--tip-border)}.custom-block.tip p a{color:#008649}.custom-block.tip p a:hover{background-color:rgba(0,134,73,.1)}.custom-block.warning{background-color:var(--warning-background);border-color:var(--warning-border)}.custom-block.example{background-color:#f5f5f5;border-color:purple}div[class*=language-]{position:relative}div[class*=language-] .highlight-lines{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:1rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}div[class*=language-] .highlight-lines .highlighted{background-color:rgba(255,237,21,.28)}div[class~=language-js]:before{content:'js'}div[class~=language-html]:before{content:'html'}div[class~=language-css]:before{content:'css'}div[class*=language-]:before{position:absolute;z-index:3;top:.2em;right:.65em;font-size:.8rem;color:hsla(0,0%,0%,.69)}pre[class*=language-]{border-radius:6px}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,andale mono,ubuntu mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#fff;border:1px solid #e0e1e1;margin-bottom:2.5rem}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}


body {
	overflow-x: hidden;
	text-align: center;
	max-width:850px;
	margin-left:auto;
	margin-right:auto;
}


h2.logo {
	margin:0;
	padding:0;
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #f09639;	
}



h2.logo img {
	max-width: 60%;
    height: auto;
    min-width: 600px;}


figcaption {
  text-align: center;
  color: #999;
}

nav,
nav a {
	font-family: 'Roboto', sans-serif;
}

body,
div.sectores div,
div.sectores h4{
    position: relative;
}
div.sectores div,
div.sectores h4,
div.sectores img
{
    padding: 0px;
    margin: 0px;
    display: inline;
    text-align: center;
}
div.sectores div {
    display: inline-block;
    width: 300px;
    height: 150px;
}

div.sectores div h4 {
    width: 300px;
    text-align: center;
    position: absolute;
    display: block;
    top: 50%; 
    
}

div.sectores img {
    display: block;
}

@import url(https://fonts.googleapis.com/css?family=Raleway);

nav ul {
    list-style-type: none;
  background: #02a0e0;
}
nav ul li {
  display:inline;
}


nav ul
{
  margin-top: 40px;
  padding: 12px;
  text-align: center;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}

nav li a{
  margin: 0 4px;
  padding: 12px 0;
  transition: 0.3s ease;
  background: #02a0e0;
  color: #ffffff;
  font-size: 1.25em;
  text-decoration: none;
  border-top: 4px solid #02a0e0;
  border-bottom: 4px solid #02a0e0;
  
  
}

nav li a:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0; 
}