.img-responsive {

	width: 100%;

	height: auto; 

}



.row::after {

    content: "";

    clear: both;

    display: table;

}



.col-3 {

    width: 25%;

    float: left;

    padding: 15px;

    padding-top: 30px; 

}



.col-9 {

    width: 75%;

    float: left;

    padding: 15px;

}



.menu ul {

	list-style-type: none;

}



.menu li {

	border: 1px solid grey;

}



.menu a {

    padding: 10px;

    color: gray;

}



@media (max-width: 600px) {

    .menu li {

        border: none;

    }

    .menu a {

        padding: 0px;

    }

}



.col-9 h4 {

    text-align: center;

}



.col-9 .center {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 50%;

}



.col-9 h6 {

    color: black;

    font-weight: bold;

}



.col-9 h5 {

    color: black;

    font-weight: bold;

}



.bestar li {

    list-style-type: circle;

    list-style-position: outside;

}