.cc {
    display: block;
    margin-left: 50%;
    margin-right: 50%;
}

.m{
    margin-top: auto;
    margin-bottom: auto;
}

.bd {
    border: 2px solid #0eb493;
}

.c {
    color: #0eb493;
}

.cw {
    color: white;
}

.bg {
    background-color: #0eb493;
}

.bg1{
    background-color: black;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

tr,
td,
th {
    border-bottom: 2px solid #0eb493;
    text-align: center;
    padding: 8px;
}

#th {
    color: black;
    background-color: #0eb493;
}

/* button  */
a.button1 {
    display: inline-block;
    padding: 0.35em 1.2em;
    border: 0.1em solid #FFFFFF;
    margin: 0 0.3em 0.3em 0;
    border-radius: 0.12em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    transition: all 0.2s;
}

a.button1:hover {
    color: #0eb493;
    background-color: #FFFFFF;
}

@media all and (max-width:30em) {
    a.button1 {
        display: block;
        margin: 0.4em auto;
    }
}

/* Small devices (phones, 576px and up) */
@media (max-width: 600px) and (min-width:320px) {

    .carousel-caption h2,
    h2 span {
        font-size: 20px;
    }
  
    .carousel-caption h4,.carousel-caption h4 span, .carousel-caption p, .button1 {
        font-size: 5px;
    }
  }