.headline {
	background-repeat: no-repeat;
	background-position:  100% 100%;
	padding: 175px 0 140px 0;
}

.headline {
	background-image: url('../img/pattern1.png');
    background-repeat: repeat; 
	background-color: #a085c6;
    background-size: 10%; 
}

.logo {
    padding-left: 20px; 
}

.projeto {
    
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 50%, rgba(219,219,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(234,234,234,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(219,219,219,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(219,219,219,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 50%,rgba(219,219,219,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    
    padding-top: 100px; 
    padding-bottom: 100px; 
}

.projeto h1 {
    color: #2e2e2e; 
    width: 50%; 
}

.comoajudar {
    color: #FFF; 
background: rgb(198,83,89); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(198,83,89,1) 0%, rgba(201,35,46,1) 47%, rgba(201,35,46,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(198,83,89,1)), color-stop(47%,rgba(201,35,46,1)), color-stop(100%,rgba(201,35,46,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(198,83,89,1) 0%,rgba(201,35,46,1) 47%,rgba(201,35,46,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(198,83,89,1) 0%,rgba(201,35,46,1) 47%,rgba(201,35,46,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(198,83,89,1) 0%,rgba(201,35,46,1) 47%,rgba(201,35,46,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(198,83,89,1) 0%,rgba(201,35,46,1) 47%,rgba(201,35,46,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c65359', endColorstr='#c9232e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding-top: 50px; 
    padding-bottom: 80px; 
}

.comoajudar h1 {
    color: #FFF;  
    width: 50%; 
}

.comoajudar h1:before {
  display: block; 
  content: " "; 
  margin-top: -120px; 
  height: 120px; 
  visibility: hidden; 
}

.comoajudar h2 {
    color: #f28c94; 
}

.flex-video {
      border: 10px solid #FFF;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

.equipe {
    padding-top: 50px;
    padding-bottom: 50px; 
background: rgb(94,188,132); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(94,188,132,1) 0%, rgba(15,145,68,1) 55%, rgba(15,145,68,1) 99%, rgba(15,145,68,1) 99%, rgba(15,145,68,1) 99%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(94,188,132,1)), color-stop(55%,rgba(15,145,68,1)), color-stop(99%,rgba(15,145,68,1)), color-stop(99%,rgba(15,145,68,1)), color-stop(99%,rgba(15,145,68,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(94,188,132,1) 0%,rgba(15,145,68,1) 55%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(94,188,132,1) 0%,rgba(15,145,68,1) 55%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(94,188,132,1) 0%,rgba(15,145,68,1) 55%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(94,188,132,1) 0%,rgba(15,145,68,1) 55%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%,rgba(15,145,68,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ebc84', endColorstr='#0f9144',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

.contato {
background: rgb(115,93,140); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(115,93,140,1) 0%, rgba(103,68,142,1) 50%, rgba(94,48,144,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(115,93,140,1)), color-stop(50%,rgba(103,68,142,1)), color-stop(100%,rgba(94,48,144,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(115,93,140,1) 0%,rgba(103,68,142,1) 50%,rgba(94,48,144,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(115,93,140,1) 0%,rgba(103,68,142,1) 50%,rgba(94,48,144,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(115,93,140,1) 0%,rgba(103,68,142,1) 50%,rgba(94,48,144,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(115,93,140,1) 0%,rgba(103,68,142,1) 50%,rgba(94,48,144,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735d8c', endColorstr='#5e3090',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding-top: 60px; 
    padding-left: 30px; 
    padding-right: 30px; 
    padding-bottom: 70px; 

}

.contato h1 {
    color: #FFF; 
    width: 50%; 
}

.contato h1:before {
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 100px; 
  visibility: hidden; 
}

.equipe h1:before {
  display: block; 
  content: " "; 
  margin-top: -100px; 
  height: 100px; 
  visibility: hidden; 
}

.contato h2 {
    color: #b38ae0; 
    font-weight: 100; 
}

.footer {
    background-color: #3a3a3a; 
    padding-top: 20px; 
    padding-left: 30px; 
    padding-right: 30px;
    color: #dddcdc; 
}

.footer p {
    font-family: 'Abel', sans-serif;
    font-size: 14px; 
}

.footer a {
    color: #FFF; 
}

.footer a:hover {
    color: #CCC; 
}

.footer i {
    font-size: 50px; 
    color: #dddcdc; 
    padding: 0px 5px 10px 5px; 
}

.footer i:hover {
    color: #777; 
}


.disclaimer {
    padding-top: 10px; 
}

.Quick-navigation {
    background-color: rgba(58,58,58, 1); 
    color: #FFF; 
    font-family: 'Abel', sans-serif;
    position: fixed; 
    width: 100%;
    z-index: 1;
    
}

.Quick-navigation ul {
    list-style-type: none;
    margin-top: 20px;
    margin-left: auto;
}

.Quick-navigation li {
    display: inline; 
    padding-left: 30px; 
    padding-right: 20px;

}

.Quick-navigation li a {
    color: #FFF; 
}

.Quick-navigation li a:hover {
    color: #CCC; 
}



h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    letter-spacing: 6px;
    text-align: center; 
    margin: auto;

}
    
h1:before { 
  display: block; 
  content: " "; 
  margin-top: -150px; 
  height: 150px; 
  visibility: hidden; 
}


h2 {
font-family: 'Abel', sans-serif;
    font-size: 1.2em; 
    text-align: center; 
    padding-bottom: 20px;
    text-transform: uppercase; 
    padding-top: 8px; 

}

p {
 font-family: 'Lato', sans-serif;
}

.contato p {
    font-family: 'Abel', sans-serif;
    color: #FFF; 
}


.contatoform textarea{
    border:1px solid #FFF;
    background: transparent;
    color: #FFF; 
}

.contatoform input {
    border:1px solid #FFF;
    background: transparent;
    color: #BBB; 
}

.blackline {
      border:1px dashed #333;
      width: 20%; 
      margin: auto; 
}

.whiteline {
      border:1px dashed #FFF;
      width: 20%; 
      margin: auto; 
}

.creditos {
    font-family:'Abel', sans-serif;
    font-size: .8em;
    text-align: right; 
    color: white; 
    padding-right: 20px; 
    padding-top: 20px; 
}

.creditos a {
    color: #CDCDCD; 
}

/* Buttons
================================= */

.btn-ajudar {
	font-weight: normal;
	background: transparent;
	box-shadow: none;
    border: solid 1px #FFF; 
}

.btn-ajudar:hover {
	background-color: white;
	border-color: white;
	color: #eb5563;
}

.btn-submit {
	font-weight: normal;
	background: transparent;
	box-shadow: none;
    border: solid 1px #FFF; 
}

.btn-submit:hover {
	background-color: white;
	border-color: white;
	color: #73479b;
}


.fadeInBlock {
    opacity:0;
}


.slides p, .slides h1 {
    text-align: center; 
}

.equipe-img {
    border: solid 3px #FFF; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 5px; 
}

.equipe-item {
    padding-bottom: 20px;
    margin-left: 10px; 
    margin-right: 10px; 
    background-color: #FFF; 
}

.slides {
    padding-bottom: 20px;  
}


.h1-equipe {
    color: #FFF; 
}

.equipe h2 {
    color: #9fddb4;  
}

.equipe p {
    font-family: 'Abel', sans-serif;
    font-size: .9em; 
}

.equipe h3 {
    text-align: center; 
    color: #2e2e2e; 
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:700;
    text-transform: uppercase; 
    letter-spacing: 6px;
    font-size: 1em; 
    padding-top: 10px;
    padding-left: 5px; 
    padding-right: 5px; 
}

.equipe-img {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.equipe-img:hover {
  -webkit-filter: grayscale(100%);
}

/* Media Queries */
@media only screen and (max-width: 640px){

    .headline {
    padding: 50px 0px 50px 0px;
    background-size: 10%; 
    background-size: 20%; 
      }
    
    p {
        padding-left: 10px; 
        padding-right: 10px;
        font-size: .8em; 
    }
    
    h1 {
    font-size: 1.2em; 
    }
    
    h2 {
    font-size: .8em; 
    padding-top: 0px; 
    }
    
    .projeto h1, .comoajudar h1  {
    width: 60%; 
    }
    
    
    .projeto {
    padding-top: 70px;    
    }
    
    .contato {
    padding-bottom: 20px;
    }
    
    .text-right {
    float:none; 
    }
    
    .creditos {
    text-align: center;  
    }
    
    .equipe-item {
    margin-bottom: 50px;
    margin-left: 20px; 
    margin-right: 20px; 
}

    .equipe-img {
    border: solid 15px #FFF; 



@media only screen and (min-width: 900px){
 .textcenter i {
    text-align: left ; 
 }
}