/********************************************     MEDIA QUERIES     ************************************/
/*Media queries appplied to the alert box so is only shown on mobile devices.*/

@media (max-width:576px){

  .container {

    display: none;

  }
 
.alert {
   
    /* padding: .75rem 1.25rem; */
    margin-bottom: 0rem !important; 
    border: 1px solid transparent;
    border-radius: .25rem;
    padding-bottom: 272px;
    
}
footer{
    bottom: 0;
    width: 100%;
    position: absolute;
    height: $height-footer;
    background-color: #f5f5f5;
}


}

@media (min-width: 900px) and (min-width: 600px){
    
    .navbar{
        padding: 5.5rem 1rem;
    }
    .alert {
        display: none;
    }
}


/********************************************     STYLING CHARTS     ************************************/


.selector-for-some-widget {
  box-sizing: content-box;
}
/***************    Text on content    *******************/
	g .x.axis text {
    text-anchor: end !important; 
    transform: rotate(90deg);
    font-size: 1.rem;
    font-family: 'Poppins', sans-serif;
    text-align: justify;
    margin-bottom: -100px;
    display: inline-block;
    padding: 50px;
    
   
}

	g .y.axis text {
    text-anchor: end !important; 
    transform: rotate(-1150deg);
	}

 
 
	
/*####################    NAVBAR   ##########################*/



a{
    color:white;
    background-color:white;
}

a:hover{
    color:white;
}

h1{
    font-family: 'Poppins', sans-serif;
    font-size: 30rem;
}

h3{
  font-family: sans-serif;  
  font-size: 10rem;
  padding-left: 20px;
  margin: 30px;
}


.buttonNav{
    color: white;
    text-align: left;
}

.titleNav
{
    color: white;
}

/*####################    BODY    ##########################*/

body{
    margin: 0px;
    padding: -20px;
    max-height: auto;
    max-width: auto;
    
}


#svg{
    padding:0px;
    max-width: auto;
    
}

.card text-center {
    background-color: blue;
}


/*####################    Footer     ##########################*/

i{
    border: 2px solid white;
    border-radius: 5px;
}
.col-md-6 text-rigth{
    text-align: right;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}