.primario{
    background-color: #0ea97b;
}

.primario2{
    background-color: #0d8662;
}

.box{
    padding: 2%;
    
}

.container-box{
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    
}

.container-box a:hover{
    font-size: 18px;
}




.container-box a:link{
    text-decoration:none; 
    
    
}


.item{
    background-color: #144033;
}

.plano{
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: #0ea97b;
}

.container-circle{
    padding-top: 2%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;   
    align-items: center;
    display: flex;
    flex-direction: column;
}

.container-circle h6{
    text-align: center;
}

.container-circle h5{
    padding-top: 2%;
    text-align: center;
}

.e-2{
    padding-top: 2%;
}

.circle{
    padding: 10%;
    width: 50%;
    border-radius: 50%;
   
}

.group-container{
   display: flex;
   justify-content: center;
}

.footer{
    background-color: #252525;
    padding: 2%;

}

.footer-legend{
   display: flex;
   justify-content: center;
}

.footer-legend a:link{
    text-decoration: none;
    color: yellow;
}

.footer-legend a:visited {
    text-decoration: none;
    color: yellow;
}

.footer-legend a:hover{
    color: #0ea97b;
   
}


@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-6"] {
      width: 100%;
    }

    [class*="col-4"] {
        width: 80%;
      }

    h1{
        font-size: medium;
    }
  }