#circle{
float: left;
width: 100%;
background-color:#ffffff;
color: #F4C716;padding-bottom:1%;
}
#titles{font-size: 35px;
font-weight: bold;
color:#333;
width: 100%;
float: left; 
text-align:center;
}
#circle ul{
    width: 100%;
    float: left;
}
#circle ul li {float: left;
display:block;
text-align:center;margin-top:4px;

    width: 18%;
    height:25%;
height:25px;
background-color:#2e6da4;
font-size:15px; font-weight:bold;line-height:1.5;
border-radius: 10% / 50%; margin-left:1%;
box-shadow: 10px 5px 5px #63a7bb;}
#circle ul li a { text-decoration:none; color:#F3F3F3; }
#circle ul li:hover {background-color:#ff7043;}

body{padding-top:70px;font-family:'Roboto Condensed', sans-serif !important;}
.navbar-inverse{background-color:#0097A7;border-color:#0097A7;}
.navbar-fixed-top .nav{padding:15px 0;}
.navbar-fixed-top .navbar-brand{padding:0 5px;color:#fff;margin-top:-3%;}
.navbar-inverse .navbar-nav>li>a{color:rgba(255,255,255,0.8);}
.btnphone a{font-size:25px;background-color:#FF7043;}
.btnnav a{font-size:18px;}
#banner .formcontainer{margin-top:65px;background:rgba(0, 151, 167, 0.8);padding:7%;border-radius:20px;}
#banner .formcontainer h3{color:#fff;text-transform:uppercase;}
#banner{background:url('../images/img-3-centennial.jpg') no-repeat;background-size:cover;height:500px;margin-top:-20px}
#banner .banner-caption{}
#banner .btn-primary{color:#fff;background-color:#FF7043;border-color:#FF7043;}
#banner .btn-primary:hover{color:#fff;background-color:#0097A7;border-color:#fff;}
#banner .banner-caption h1{color:#fff;text-transform:uppercase;font-weight:bold;text-shadow:2px 2px #333;padding:1%;}
#banner .banner-caption h2{text-transform:uppercase;color:#fff;font-weight:bold;text-shadow:2px 2px #333;}
#banner .banner-caption span{text-transform:uppercase;color:#fff;font-weight:bold;text-shadow:2px 2px #333;}
.col-md-3{margin-top:3%}
footer{background:#0097A7;padding-top:2%;padding-bottom:2%;color:#fff;}
footer a{color:rgba(255,255,255,0.8);}
footer a:hover{color:rgba(255,255,255,1);text-decoration:none;}
footer h4{font-size:22px;}
@media screen and (max-width:1920px){#banner .banner-caption{padding:7%;}
#banner .banner-caption h1{font-size:44px;}
#banner .banner-caption h2{font-size:35px;}
#banner .banner-caption span{font-size:44px;}
.navbar-brand{margin-top:3%;}
}
@media screen and (max-width:1680px){#banner .banner-caption h1{font-size:35px;}
#banner .banner-caption{padding:10%;}
#banner .banner-caption h2{font-size:35px;}
#banner .banner-caption span{font-size:35px;}
}
@media screen and (max-width:1280px){.navbar-brand{margin-top:-8px;}
}
@media screen and (max-width:1024px){#banner{background-position-y:-122px;}
#banner .banner-caption{padding:10% 0;}
}
@media screen and (max-width:768px){footer{padding:30px 0;}
}
@media(min-width:768px){body{padding-top:100px;}
.navbar-fixed-top .navbar-brand{padding:15px 0;}
}
ul.list-inline{display:inline-block;position:relative;margin:0px 0 0 0;float:right;}
ul.list-inline li{display:inline-block;margin:0 3px;}