.row {width:100%;}
#menu {-webkit-transform:rotate(180deg); transform:rotate(180deg); display:block; float:right; cursor:pointer; margin:.4rem 0 0 .5rem;}
#menu span {-webkit-transform:translateX(0); transform:translateX(0); transition:all .25s cubic-bezier(0.7, 0.3, 0, 1); position:relative; margin:0 0 4px 0; opacity:1; height:3px; display:block; background:#FFF;}
#menu span:nth-child(1) {width:25px; transition-delay:.5s;}
#menu span:nth-child(2) {width:16px; transition-delay:.625s;}
#menu span:nth-child(3) {width:30px; transition-delay:.75s;}
iframe {width: 100%; height:100vh;}
.video {font-size: 0; width: 100%; background: #000; text-align: center; padding: 4rem 0 0;}

.header-content {text-align:center; background:#000; width:100%; padding:4rem 2rem 8rem;}
.header-logo {padding:0; margin-bottom: 1rem;}
.header-logo img {width: 120px;}
.header-legend {margin-bottom:1rem;}
.header-legend h2 {margin:0; color:#FFF; font-size:1.4rem; line-height:1.6rem;}
.header-legend h2 span {color:#FF8000;}
.header-legend p {margin:0; color:#FFF; font-size:1rem; line-height:1.4rem;}
.header-description p {width: 80%; margin: 0 auto;}

.social-content {padding:3rem 0; background: #F1F1F1;}
.social-icons {display:flex; width: 15%;}
.social-icons a {font-size:.8rem; margin:1rem auto; width:6rem; height:.8rem; padding:3.1rem 0; background:#333; color:#FFF; text-transform:uppercase; text-align:center; line-height:0; border-radius:50%;}
.social-icons a:hover {background:#F49521;}
.social-network {font-size:.8rem; margin:0 auto; width:6rem; height:.8rem; padding:3.1rem 0; background:#FFF; color:#FFF; text-transform:uppercase; text-align:center; line-height:0; border-radius:50%; -webkit-box-shadow: 10px 10px 16px -8px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 16px -8px rgba(0,0,0,0.75); display: none;}
.social-network-icons {display: flex; width: 80%; margin: 0 auto; }

.index-section {padding:10rem 0; overflow:hidden;}
.index-section-flex {display: flex; align-items: center; width: 80%; margin: 0 auto;}
.index-section-image {text-align: center; width: 40%;} 
.index-section-image img {max-width: 80%; max-height:80%;}
.index-section-text {width: 60%;}
.index-section-text hr, .index-section-invest hr {border:none; border-bottom:1px #CCC solid;}
.index-section-text h3, .index-section-invest h3 {font-size:1rem; line-height:1rem; margin:0 0 0 .5rem;}
.index-section-text h2, .index-section-invest h2 {font-size:2.8rem; line-height:3rem; margin:0 0 1.5rem; font-family:"Lato Light", Arial, sans-serif;}

.index-section-invest {width: 70%; margin: 0 auto;}
.bkInvest {background:url(/assets/images/index/itio-investigacion.jpg) no-repeat; background-attachment:fixed; background-size:cover; text-align: center;}
.bkInvest h2 {color:#FFF;}
.bkInvest p {color:#FFF;}
.bkInvest hr {width:50%; margin:0 auto 2rem; border-bottom:1px #FFF dashed;}

.index-work {padding:10rem 0 1rem; width: 80%; margin: 0 auto; text-align: center;}
.index-work-text hr {border:none; border-bottom:1px #CCC solid;}
.index-work-text h3 {font-size:1rem; line-height:1rem; margin:0 0 0 .5rem;}
.index-work-text h2 {font-size:2.8rem; line-height:3rem; margin:0 0 1.5rem; font-family:"Lato Light", Arial, sans-serif;}

.index-proyects {display: flex; align-items: center; width: 80%; margin: 0 auto;}
.index-proyects-text {width: 25%; height:17rem; padding:6rem 0; margin:0 .2rem 10rem; display: flex; align-items: center; transition: all 1s ease-out; position: relative;}
.index-proyects-text:hover {margin-top:.5rem;}
.item-working-element {width:100%; text-align:center;}
.item-working-element h2 {font-size:1.2rem; color:#FFF;}
.item-working-element hr {width:50%; margin:2rem auto; border:none; border-bottom:1px #CCC dashed;}
.itemcurtain {position:absolute; width:100%; height:100%; background:#333; display:block; transition:all .8s ease-out; top:0;}
.index-proyects-text:hover div.itemcurtain {height:0;}
#itioProyect {background:url(/assets/images/index/itio-proyectos.jpg) center no-repeat; background-size:cover;}
#itioConference {background:url(/assets/images/index/itio-conferencias.jpg) center no-repeat; background-size:cover;}
#itioExpeditions {background:url(/assets/images/index/itio-expediciones.jpg) center no-repeat; background-size:cover;}
#itioWild {background:url(/assets/images/index/itio-agreste.jpg) center no-repeat; background-size:cover;}
#itioTrayectory {background:url(/assets/images/index/itio-trayectoria.jpg) center no-repeat; background-size:cover;}

.footer-section {padding:5rem 0; background:#000;}
.footer-section h2 {font-size:.9rem; margin:1rem 0 .5rem; color:#FFF;}
.footer-section h2 span {color:#FF8000;}
.footer-section p {font-size:.7rem; line-height:1rem;}
.footer-lists h2 {font-size:1rem; margin:1rem 0 .5rem;}
.footer-lists h2 a {color:#FFF;}
.footer-lists h2 a:hover {color:#FF8000;}
.footer-lists ul {list-style:circle;}
.footer-lists ul li {font-size:.8rem; line-height:1.3rem;}
.footer-lists ul li a:hover {color:#FF8000;}

@media only screen and (max-width:1024px) {
	iframe {height: 75vh;}
}

@media only screen and (max-width:768px) {
	iframe {height: 26vh;}

	.header-content {padding:4rem 2rem 5rem;}
	.header-logo img {width: 100px;}
	.header-legend h2 {font-size:1.1rem; line-height:1.2rem;}
	.header-description p {width: 100%; font-size: .9rem; line-height: 1.1rem; margin: 0 auto;}

	.social-content {padding:1rem 0; position: fixed; background: none; bottom: 1rem; right: 1rem; z-index: 99999;}
	.social-icons {width: 100%;}
	.social-icons a {font-size:.6rem; margin:.2rem auto; width:5rem; height:.8rem; padding:2rem 0; background:#333; color:#FFF; text-transform:uppercase; text-align:center; line-height:0; border-radius:50%;}
	.social-network {display: flex; width: 4rem; height: 4.2rem; padding: 0; align-items: center;}
	.social-network img {margin: 0 auto; width: 70%; height: 2.5rem}
	.social-network-icons {display: none;}

	.index-section {padding:3rem 2rem;}
	.index-section-flex {width: 100%; display: block;}
	.index-section-image {margin-bottom: 2rem; width: 100%;}
	.index-section-image img {margin:2rem auto 0; max-height: 15rem;}
	.index-section-text {width: 100%;}
	.index-section-text h2 {font-size:2.4rem !important; line-height:2.5rem !important;}
	.index-section-invest {width: 100%;}
	
	.index-work {width: 100%; padding:3rem 2rem 1rem;}
	.index-proyects {display: block;}
	.index-proyects-text {width: 100%; height: 25rem; padding: 0; margin: 0 0 4rem; display: flex; align-items: end;}
	.item-working-element {width: 100%; text-align: center; background: #33333380; padding: 3rem 0;}
	.item-working-element hr {margin:1rem auto;}
	
	.itemcurtain {display: none;}
	
	.footer-lists {display:none;}
}