main{background:url("../images/_backgroundSUTIEBO.png");background-attachment:fixed;background-size:cover;background-position:center;min-height:100vh}main .heading{position:relative;width:100%;overflow:hidden}main .heading .graph{width:100%;height:100%}main .heading .graph img{width:100%;height:auto;filter:brightness(0.6)}main .heading .text{position:absolute;bottom:10%;left:5%;width:auto;height:auto;color:#FFFFFF}main .heading .text h1{font-weight:600}main .heading .text a{text-decoration:none;color:#FFFFFF}main .heading .text .nav p{font-weight:bold}main .section{width:100%;height:auto;color:#666666}main .section h1{color:#258D19;width:90%;margin:0px 0px 20px 0px}main .section .content{width:90%;height:auto}main #delegaciones{padding:80px 0px}main #delegaciones .content .card .profile{border-radius:50%;width:180px;height:180px;background-color:#FFFFFF;border:solid 2px #258D19;overflow:hidden}main #delegaciones .content .card .data h2{color:#258D19;margin:0px 0px 6px 0px}main #delegaciones .content .card .data a{color:#666666;font-weight:bold}main #delegaciones .content .card .options{margin:10px 0px 0px 0px;width:100%;align-items:center;justify-content:center}main #delegaciones .content .card .options a{background-color:#258d19;width:30px;height:30px;margin:0px 5px;border-radius:50%}main #delegaciones .content .card .options a img{width:20px;height:20px}main #secretarias{padding:80px 0px 0px 0px}main #secretarias .content .card .profile{border-radius:50%;width:180px;height:180px;background-color:#FFFFFF;border:solid 2px #258D19;overflow:hidden}main #secretarias .content .card .data h2{color:#258D19;margin:0px 0px 6px 0px}main #secretarias .content .card .data a{color:#666666;font-weight:bold}main #secretarias .content .card .options{margin:10px 0px 0px 0px;width:100%;align-items:center;justify-content:center}main #secretarias .content .card .options a{background-color:#258d19;width:30px;height:30px;margin:0px 5px;border-radius:50%}main #secretarias .content .card .options a img{width:20px;height:20px}@media screen and (max-width: 767px) and (orientation: portrait){.heading{height:300px}.heading .text{width:90%}.heading .text h1{font-size:40px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px;margin:0px 20px 0px 0px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:100%;flex-direction:row;align-items:center;justify-content:space-between}#secretarias .content,#delegaciones .content{display:flex;flex-direction:column;align-items:center;justify-content:center}#secretarias .content .card,#delegaciones .content .card{padding:20px 0px}#secretarias .content .card .profile,#delegaciones .content .card .profile{margin:0px 0px 20px 0px}#secretarias .content .card .data,#delegaciones .content .card .data{font-size:14px;text-align:center}#secretarias .content .card .data h2,#delegaciones .content .card .data h2{font-size:16px}}@media screen and (max-width: 767px) and (orientation: landscape){.heading{height:100vh}.heading .graph{flex-direction:column;align-items:center;justify-content:flex-start}.heading .text h1{font-size:40px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px;margin:0px 20px 0px 0px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:auto;flex-direction:row;align-items:center;justify-content:space-between}.heading .text .nav a{margin:0px 20px 0px 0px;padding:2px}.heading .text .nav p{margin:0px 20px 0px 0px}#secretarias .content,#delegaciones .content{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px}#secretarias .content .card,#delegaciones .content .card{padding:20px 0px}#secretarias .content .card .profile,#delegaciones .content .card .profile{margin:0px 0px 20px 0px}#secretarias .content .card .data,#delegaciones .content .card .data{font-size:14px;text-align:center}#secretarias .content .card .data h2,#delegaciones .content .card .data h2{font-size:16px}#secretarias .content .card:first-of-type{grid-column:1/3}}@media screen and (min-width: 768px) and (max-width: 1023px){.heading{height:50vh}.heading .text h1{font-size:60px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:auto;flex-direction:row;align-items:center;justify-content:space-between}.heading .text .nav a{margin:0px 20px 0px 0px}.heading .text .nav p{margin:0px 20px 0px 0px}#secretarias .content,#delegaciones .content{display:grid;grid-template-columns:repeat(2, 1fr)}#secretarias .content .card,#delegaciones .content .card{padding:20px 0px}#secretarias .content .card .profile,#delegaciones .content .card .profile{margin:0px 0px 20px 0px}#secretarias .content .card .data,#delegaciones .content .card .data{font-size:14px;text-align:center}#secretarias .content .card .data h2,#delegaciones .content .card .data h2{font-size:16px}#secretarias .content .card:first-of-type{grid-column:1/3}}@media screen and (min-width: 1024px){.heading{height:60vh}.heading .graph{align-items:center;justify-content:flex-start}.heading .graph img{height:100%;width:auto}.heading .text h1{font-size:60px;margin:10px 0px}.heading .text a,.heading .text p{font-size:16px}.heading .text a img,.heading .text p img{width:20px;height:20px;margin:0px 10px 0px 0px}.heading .text .nav{width:auto;flex-direction:row;align-items:center;justify-content:space-between}.heading .text .nav a{margin:0px 20px 0px 0px;padding:2px;transition:all ease .5s}.heading .text .nav p{margin:0px 20px 0px 0px}.heading .text .nav a:hover{background-color:#258D19}#secretarias .content,#delegaciones .content{display:grid;grid-template-columns:repeat(3, 1fr)}#secretarias .content .card,#delegaciones .content .card{padding:20px 0px}#secretarias .content .card .profile,#delegaciones .content .card .profile{margin:0px 0px 20px 0px}#secretarias .content .card .data,#delegaciones .content .card .data{text-align:center;font-size:14px}#secretarias .content .card .data h2,#delegaciones .content .card .data h2{font-size:16px}#secretarias .card:first-of-type{grid-column:1/4}#delegaciones .card:last-of-type{grid-column:2/3}}