div.main {
  background:PaleGreen;
  border-radius:25px;
  height:800px;
  width:600px;
  margin: auto;
  border: 3px solid green;
  padding: 10px;
}

h1.banner {
  color: green;
  font-family: verdana;
  font-size: 20px;
}

.red {
  color: red;
}

. verticalmiddle {
  vertical-align:middle;
}

.textcenter {
  text-align: center;
}

img.logo {
  float: left;
  vertical-align: middle;
}

 .nav {
   font-size: large;
 }
.nav>li>a {
    background-color: #c4f2d8 !important;
    color: #00b050;
}

div.c-wrapper{
    width: 80%; /* for example */
    margin: auto;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
width: 100%; /* use this, or not */
margin: auto;
}