html,body{
  overflow-x: hidden!important;
  margin: 0px!important;

}

  body {
    padding-top: 130px!important;
    font-family: 'Montserrat'

  }
  

.navbar-toggler{
  padding-top: 17px!important;
  
}

 
  .navbar-toggler-icon{background-image:url("../images/menu--v3.png")!important;
  border: none!important;
margin-right: 40px!important;


}


#all{
  width: 100%;
  margin: 0mm;
  padding: 0mm;
  text-align: center;
 
  
}

.text-R{text-align: right!important;
}
.text-L{text-align: left!important;
}
.slider {
  
  animation: expand .8s ease forwards;
  position: relative;
  transition: all .8s ease;
}



@keyframes slideIn {
  0% {
    transform: translateX(500px) scale(.2);
  }
  100% {
    transform: translateX(0px) scale(1);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes expand {
  0% {
    transform: translateX(1400px);
  }
  100% {
    transform: translateX(0px);
  }
}



.navbar-light{
font-weight: 600!important;
}
.clear{
margin: 0!important;
padding: 0!important;}




.LFont{

  font-size: 4.0000030236224rem;
  font-weight: 900;
  line-height: 5.000003779528rem;
}
.MFont{
  font-size: 1.2666675485565rem ;
  font-weight: 500;
  line-height: 1.881104400769rem;
}
.MFont1{
  font-size: 1.9666675485565rem ;
  font-weight: 500;
  line-height: 1.981104400769rem;
}
.MSFont{
  font-size: 1.15rem  ;
  font-weight: 500;
  line-height: 1.881104400769rem;
}
.SFont{
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.400001889764rem;
}
.points{

  font-weight: 800;
}
.row{
  padding: 0px;
  margin: 0px;
}
#bgSanaa{
  display: flex!important;
  align-items:center!important;
   background: url(../images/ECHO_WEBSITE_PHOTO.png) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
  min-height: 100vh;
  margin-left: auto;
    margin-right: auto;
  
}

@media (min-width: 970px)and (max-width: 767px){
  .navbar-brand {
   
    margin-left: 20px!important;}

  .navbar-nav{

    margin-right: 20px!important;}

    .navbar-collapse
		{     
      
      height: auto!important;
  }
}
@media (max-width: 768px){
    
  html,body{
    overflow-x: hidden!important;
  }
  body {
    padding-top: 35px!important;
  }

  
  .jumbotron-fluid{
    min-height:  100vh!important;

  }
  #contribute {
  font-size: 10px!important;
  
    }
    .navbar-nav{

      margin-right: 20px!important;}
    #contribute button{
     font-size: 7px;
    }  
    
    .navbar-collapse
		{     
      text-align: center!important;
      align-items: center!important;
      align-self: center!important;
      align-content: center!important;
}

  
.navbar-brand {
  width: 140px!important;
  margin: 0px!important;
  margin-left: 40px!important;
  padding:3px!important;
  padding-bottom: 0px!important;
  margin-top: 14px!important;
 }

 
.navbar-brand #image2 {
  
  margin-left: 0px!important;
 
 }
      

.navbar-nav{
  text-align: center!important;
  text-align: center!important;
      align-items: center!important;
      align-self: center!important;
      align-content: center!important;
  margin: 0px!important;
  padding: 0px!important;
} 


.LFont{
  font-size:2.0000030236224rem!important;
  line-height: 3.000003779528rem!important;}
  
  .MFont{
    font-size: .8666675485565rem!important ;
    line-height: 1.481104400769rem;
   
  }
  .SFont{
    font-size: 0.7rem!important;
    line-height: 1.000001889764rem;
  }

 
}

#contribute {
  z-index: 2;
  top: 0;
  position: fixed;
  background-color: #00c0eb;
  color: #000;
  font-size: smaller;
  text-size-adjust:auto ;
  width: 100%;
  height: auto;
  align-items: center;
  align-content: center;
  text-align: center;


}

.jumbotron-fluid{
 
  min-height:79vh;
  height: auto!important;
  overflow:hidden;
  color:#000;
  padding:0!important;
  margin: 0!important;
  


}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 55%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#contribute button{
  align-items: center;
  align-content: center;
  text-align: center;
  margin-top: 4px;
  color: aliceblue;
  font-weight: 700!important;
 border-color: black;
  background-color: black;
}  
.navbar {
  z-index: 1;
  padding-top: 30px;
  margin-bottom: 0px;
}
.navbar ul{
  margin-left: auto;
  margin-right: 200px;
  }
.navbar-brand  {
  margin-right: auto;
  width: 170px;
  margin-left: 180px;
  padding-top: 30px;
}




.first{
  background-color: #00dbc9;
  text-align: center;
}

.second{
  background-color:#ff428e;
  text-align: center;

}
.third{
  background-color: #ffe30a;
  text-align: center;
  }
.fourth{
  background-color: #00c0eb;
text-align: center;}


#colors{
  width: 100%;
  padding: 0mm;
  margin: 0mm;
  border-style: none;
}

#members {
  padding: 0px!important;
  align-items: center;
  align-self: center;
  align-content: center;
  text-align: center;
  font-size: 13px!important;
  font-weight: 700;

  
  }
  #members img {
    display: block;
    image-rendering: crisp-edges;
  width: 193px; 
  height: 224px;
  margin: auto;  
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  
  
    }

  .Membertext
    {   
      display: inline-block;
      text-align: left!important;
      padding-left: 8px!important;
      padding-top: 8px!important;

      width: 213px!important; 

    }
.footer{
  background-color: #f4f4f4;
}
.footer img{
  display: inline;
  width: 25px;
  padding: 2px;

  
}

.footer a{
text-decoration: none;
color: #000;

  
}