@import url('https://web.archive.org/web/20190111120635cs_/https://fonts.googleapis.com/css?family=Lato:100,300,400');
@import url('https://web.archive.org/web/20190111120635cs_/https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
body {
	background-color: #FFFFFF;
	max-width: 1700px;
	margin: auto !important;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	line-height: 1.3;
}
hr[role="title"] {
	width: 75px;
	border: 0px solid;
	height: 5px;
	background-color: #9BC342;
	margin: .5rem auto 4rem;
}
hr[role="subtitle"] {
	width: 65px;
	border: 0px solid;
	height: 5px;
	background-color: #9BC342;
	display: inline-block;
	margin: .5rem 1rem;
}
nav {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
p {
	/*font-family: 'Lato', sans-serif;*/
	font-weight: 300;
	color: #313131;
	padding: 0 1rem;
	font-size: 20px;
}
span {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 20px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding-left: 1rem;
	padding-right: 1rem;
}
h2 {
	position: relative;
	text-align: center;
	margin: 30px 0;
	text-transform: uppercase;
	color: #313131;
	padding-top: 5rem;
	padding-bottom: .5rem;
	font-size: 50px;
}
h3 {
	color: #9BC342;
	font-weight: 400;
}
h4 {
	font-size: 50px;
	font-weight: 500;
	padding-top: 3rem;
	padding-bottom: 2rem;
}
h5, h6 {
	font-size: 30px;
	padding-top: 1rem;
	font-weight: 400;
}
figcaption {
	padding: .5rem;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #777;
}
#carousel {
	margin-top: 50px;
}
#carousel .carousel-item {
	background-color: #00AEEF;
}
#carousel h2 {
	padding: 2rem 1rem .5rem;
	margin: 20px 0;
	color: #FFF;
	font-weight: 500;
}
#carousel p {
	color: #FFF;
}
#welcome h2 {
	padding-top: 5rem;
	padding-bottom: 0;
	color: #00AEEF;
	font-weight: 500;
}
#parallax .parallax-bg {
	height: 600px;
	background-image: url(../Instituto_Mundo_Libre_files/index001.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#donate .bg-donate {
	background-image: url(../Instituto_Mundo_Libre_files/donate01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10rem 0;
}
#workshops .bg-workshops {
	background-image: url(../Instituto_Mundo_Libre_files/ceramica.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10rem 0;
}
#donate .bg-text, #workshops .bg-text {
	background-color: #00AEEF;
}
#donate h4, #donate p, #workshops h4, #workshops p {
	color: #FFF;
}
#donate .row, #workshops .row {
	margin: 0;
}
#volunteers h4 {
	padding-top: 1rem;
	font-weight: 700;
	color: #00AEEF;
}
#page {
	background-color: #F1F1F1;
}
#page .page-bg {
	max-width: 1140px;
	position: relative;
	margin: 50px auto;
	overflow: hidden;
}
#page .container {
	z-index: 1;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	position: relative;
	background-color: #fff !important;
	padding-bottom: 0;
	margin-top: -200px;
}
#page h2 {
	font-weight: 400;
	padding: 2rem 1rem 0rem;
}
#page .text p:first-child:first-letter {
	float: left;
	font-weight: 400;
	font-size: 5.6rem;
	line-height: 35px;
	margin-right: 5px;
	padding: 20px 0;
}
#page .projects h3 {
	cursor: pointer;
	font-size: 25px;
	font-weight: 300;
}
#page .projects h5 {
	font-size: 25px;
}
#page .projetcs-complete h3{
	cursor: inherit !important;
}
#page .volunteers-container h3 {
	font-size: 35px;
}
#page .volunteers-list li {
	list-style: none;
}

#page .volunteers-list ul {
	padding: 0;
}
#footer .footer-copyright {
	background-color: #0971B4;
}
#footer .footer-copyright p, #footer .footer-copyright a {
	color: #FFF;
	padding: .5rem 0;
}

@media (max-width:1200px) {
#page .mision-vision h4 {
	text-align: center;
	margin: 1rem 0;
}
#page .box-donate,
#page .projects .row {
	flex-wrap: wrap-reverse;
}
#page .projetcs-complete {
	text-align: center !important;
}
#page .projetcs-complete h3{
	padding-top: 1rem;
}
#page .logo-complete {
	padding-top: 2rem;
	flex-wrap: wrap !important;
}
}

@media (max-width:768px) {
hr[role="title"] {
	margin: .5rem auto 2rem;
}
h2 {
	padding-top: 1rem;
	font-size: 30px;
}
h4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 40px;
}
p {
	font-size: 18px;
}
#carousel h2 {
	padding: 1rem 1rem .5rem;
	margin: 10px 0;
}
#welcome h2 {
	padding-top: 1rem;
}
#parallax .parallax-bg, #page .page-bg {
	background-attachment: inherit;
}
#volunteers .row {
	padding: 1rem 0 !important;
}
#volunteers h4 {
	font-size: 30px;
}
}

@media (max-width:580px) {
#page {
	padding: 0;
}
#page .container {
	padding: 0 .5rem !important;
	margin-top: -50px;
}
#page .mision-vision h4 {
	font-size: 30px;
}
#page .projects h5 {
	padding: 2rem 0 !important;
}
}

@media (max-width:480px) {
#page .projects h3 {
	font-size: 20px !important;
}
}
/**/
.container-all{
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 60px;
    background: white;
    margin-top: 100px;
    border-top: 6px solid #0971B4;
}
.title{
    font-size: 40px;
    margin-bottom: 60px;
}

.sub-title{
    font-size: 30px;
    font-weight: 400;
}

.container-all img{
    width: 300px;
    float: left;
    margin-right: 20px;
    
}
.container-all .img2{
    width: 300px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.container-all p{
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
}
/**/
.containers{
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 3em;
	
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
  }
  
  
  .item{
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.095);
	
	transition: all 300ms;
	
	position: relative;
  }
  
  
  .item::after {
	content: "";
	background-color: rgba(179, 229, 252, .1);
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	transform: scale(0);
	transition: all 300ms;
	opacity: 0;
  }
  
  .item:hover:after{
	opacity: 1;
	transform: scale(1);
  }
  
  .item:hover {
	transform: scale(1.05);
  }
  
  .item-text{
	padding: 1em;
  }
  
  
  .item-img{
	max-width: 100%;
	display: block;
  }
  
  
  @media screen and (min-width: 590px) {
	
	.containers{
	  grid-template-columns: repeat(2, 1fr);
	}
	
  }
  
  
  
  @media screen and (min-width: 960px) {
	
	.containers{
	  grid-template-columns: repeat(3, 1fr);
	}
	
  }
/*
     FILE ARCHIVED ON 12:06:35 Jan 11, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:16:10 Apr 09, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots.policy: 0.187
  CDXLines.iter: 17.972 (3)
  captures_list: 131.016
  RedisCDXSource: 3.073
  exclusion.robots: 0.202
  esindex: 0.018
  PetaboxLoader3.resolve: 185.62 (3)
  PetaboxLoader3.datanode: 85.261 (5)
  LoadShardBlock: 106.034 (3)
  load_resource: 313.429
*/