@import url('https://fonts.googleapis.com/css?family=Anton|Buenard:400,700');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

body {
	--color-text: #000;
	--color-bg: #ececec;
	--color-link: #000;
	--color-link-hover: #000;
	--color-info: #000;
	/*font-family: 'Buenard', serif;*/
	font-family: 'Indie Flower', cursive;
	min-height: 100vh;
	color: #57585c;
	color: var(--color-text);
	background-color: #fff;
	background-color: var(--color-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    
    overflow: scroll;
    
    
    background-image: url("../../img/BGRepeat2.jpg");
    background-repeat: repeat;
    /*bottom: 50px;*/
    
}
        

    

p, ul, ol, a {
    font-size: 1.8em;
}

@media only screen and (max-width: 768px) {
    p, ul, ol, a {
    font-size: 1.5em;
    }   
}


ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}
    

.center {
      margin: auto;
      width: 50%;
      padding: 10px;
    }

a:link { text-decoration: none; color: crimson; }
a:visited { text-decoration: none; color: crimson; }
a:hover { text-decoration: none; color: crimson; }
a:active { text-decoration: none; color: crimson; }


.responsive {
  width: 100%;
  max-width: 400px;
  height: auto;

    
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/*carousel-custom*/

.carWidth {
    width: 80%; font-family: 'Indie Flower', cursive;
}


.carousel-caption {
    width:100%;
    /*height:10%;*/
    left:0 !important;
}

.carousel-caption  {
  /*text-align:left;
  padding-left:30px;*/
    /*color: black;*/
    background-color: #000;
}

@media screen and (max-width: 479px) {
  .carousel-caption p {
    /*display: none;*/
      font-size: 12px;
  }
    
    .carousel-caption {
    /*display: none;*/
      background-color: transparent;
      }
    
    .carWidth {
    width: 100%; 
}
    
}

@media screen and (min-width: 641px) {
  .carousel-caption {
    /*display: none;*/
  }
}

