.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body{
  font-family: "Montserrat", sans-serif;
  text-align: center;
}

a{
  padding: 0px;
  margin: 0px;
  color: white;
  margin: 20px;
  list-style: none;
  text-decoration: none;
}

.ptexboldc1{
  color: #ffe78d;
}

.ptexboldc2{
  color: #00a898;
}

.btn{
  border-radius: 200px;
  padding: 10px;
}

h1{
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #00a898;
  font-weight: 600;
}

h2{
  color: #00a898;
  font-weight: 600;
  padding-top: 30px;
}



h3{
  text-align: center;
  color: white;
  padding-bottom: 30px;
}


p{
  text-align: justify;
  color: #424242;
  font-size: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.ptexbold{
  font-weight: 600;
}




.carousel-caption p{
  text-align: center;
  padding: 0px;
}



.navbar-expand-lg{
  background-color: #00a898;
  height: 80px;
  position: fixed;
  top: 0px;
  z-index: 99;
  width: 100%;
}

.navbar-brand{
  color: white;
  font-weight: 700;
}

.navbar-brand:hover {
  color: #ffe78d;
}

.nav-link{
  margin-left: 20px;
  margin-right: 20px;
  color: white;
  transition: 2s;
}

.nav-link:hover{
  color: #ffe78d;
  font-weight: 700;
  font-size: 20px;
  transition: 2s;
}

.navbar-nav{
margin-left:auto;
margin-right:auto;
left:0;
right:0;
}

.btn-primary{
  border-radius: 100px;
  background-color: #fbd0a4;
  border-width: 0px;
  color: #424242;
  padding-left: 20px;
  padding-right: 20px;
  transition: 2s;
  margin-right: 30px; 
}

.btn-primary:hover {
  background-color: #ea5e5f;
  transition: 2s;
}

.inicio{
  padding-top: 80px;
}

.descripcion, .Fundamentos, .Socios, .Funcionamiento, .invi, .unete, .inicio2, .inicio-cero, .Suscripciones {
  background-color: white;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  
  width: 90%;
  position: relative;
  left: 5%;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  border-radius: 50px;

 

}

.descripcion p{
  background-color: #f2f2f2;
  padding: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

.descripcion p:hover {
  background-color: #ffe78d;
  transition: 2s;
}

.imgefect{
  width: 100%;
  border-radius: 30px;
  border-width: 0px;
}


.Fundamentos {
  background-color: #00a898;
  color: white;
}

.Fundamentos h1{
  color: #ffe78d;
}

.Fundap1 {
  color: white;
  background-color: #424242;
   padding: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;

}

.Fundap1:hover {
  color: white;
  background-color: #ea5e5f;
   padding: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

.astiloFunda{
  font-size: 20px;
  padding-top:10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;

  background-color: #ffa61a;
  border-radius: 50px;
  transition: 2s;
}

.astiloFunda:hover{
   background-color: #424242;
   transition: 2s;
}


#imgpback1{
  background-image: url("../imgs/amiguau-vida.png");
  background-size: 100%;
  background-repeat: no-repeat;


  color: white;
  background-color: #424242;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

#imgpback1:hover {

  color: white;
  background-color: #ea5e5f;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

#imgpback2{
  background-image: url("../imgs/amiguau-vinculo.png");
  background-size: 100%;
  background-repeat: no-repeat;

  color: white;
  background-color: #424242;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

#imgpback2:hover {

  color: white;
  background-color: #ea5e5f;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

#imgpback3{
  background-image: url("../imgs/amiguau-entrega.png");
  background-size: 100%;
  background-repeat: no-repeat;

   color: white;
  background-color: #424242;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

#imgpback3:hover {

  color: white;
  background-color: #ea5e5f;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

#imgpback4{
  background-image: url("../imgs/amiguau-compromiso.png");
  background-size: 100%;
  background-repeat: no-repeat;

   color: white;
  background-color: #424242;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

#imgpback4:hover {

  color: white;
  background-color: #ea5e5f;
   padding-top: 320px;
   padding-left: 30px;
   padding-right: 30px;
  border-radius: 25px;
  margin-bottom: 50px;
  transition: 2s;
}

.box{

  text-align: center;
  border-radius: 30px;
  border-width: 10px;
  border-style: solid;
  border-color: #fff;
  padding: 30px;
  background-color: #fbd0a4;
  transition: 2s;

}

.box:hover{
  text-align: center;
  border-radius: 30px;
  border-width: 0px;
  border-style: solid;
  border-color: #cccccc;
  padding: 30px;
  background-color: #00a898;
  transition: 2s;
}

.Socios h2{
  margin-bottom: 50px;
  color: #ea5e5f;
}

.box p{
  text-align: center;
  color: black;
  transition: 2s;
}

.box p:hover{
  text-align: center;
  color: white;
  transition: 2s;
}

.box img{
  padding: 0px;
  margin: 0px;
  position: relative;
  top: -50px;
}

.arangos{
  color: #ea5e5f;
  font-size: 15px;
  text-decoration: underline;
  transition: 2s;
}

.arangos:hover {
  color: #fff;
  font-size: 20px;
  text-decoration: underline;
  transition: 2s;
}

.Funcionamiento {
  margin-top: 100px;
  background-color: #fbd0a4;
  color: white;
}

.boxfun{
  margin-top: 60px;
  border-width: 1px;
  background-color: white;
  border-radius: 50px;
  height:420px;
  background-color: #faa61a;
}

.boxfun p{
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 15px;
}

.boxfun img {
  border-radius: 30px;
z-index: 99;
}


.boxfun img:hover {
  border-radius: 30px;
  position: relative;
  top: -50px;
 
}

.boxfun h5{
  padding-top: 10px;
  margin-top: 10px;
  color: #fff;

}

.boxfunespe {
  transition: 2s;
}

.boxfunespe p {
  margin: 30px;
}

.boxfunespe:hover {
  background-color: #ffe78d;
  border-radius: 50px;
  transition: 2s;
}

.boxpadding{
  padding-top: 50px;
}

.invi{
  background-color: #00a898;
}



.invi h1{
  color: white;
  font-size: 50px;
}

.invi h2{
  color: white;
}

.invi p{
  color: #ffe78d;
}

.invi h3{
  color: white;
  font-size: 80px;
}

.invi h4{
  color: white;
}

.unete p{
  text-align: center;
}

.boxsuscrip{
  width: 31%;
 margin: 10px;
  padding: 20px;
  border-radius: 50px;
  background-color: #faa61a;
  transition: 2s;

}

.boxsuscrip:hover{
  background-color: #cccccc;
  transition: 2s;
}

.boxsuscrip h1{
  color: #00a898;
  margin: 0px;
  padding: 0px;
  font-size: 35px;
}

.boxsuscrip h2{
  color: #ea5e5f;
  margin: 0px;
  padding: 0px;
}

.boxsuscrip p{
  margin: 0px;
  padding: 0px;
  text-align: center;
  color: white;
}

.boxsuscrip h6{
  margin-left: 30px;
  text-align: left;
  padding-top: 30px;
}

.boxsuscrip i{
  font-size: 13px;
  margin: 7px;
  color: #ea5e5f;
}

.boxsuscrip img{
  height: 200px;
}

.boxsuscrip b{
  color: #ea5e5f;
  text-decoration: underline;
}


.listsus {
  list-style: none;
  text-align: left;
  font-size: 15px;
}

.boxsusgral{
  border-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-radius: 50px;
  padding: 30px;
  margin-top: 50px;
}