body {
    width: 100%;
    height: 100%;
}
html {
    width: 100%;
    height: 100%;
}
@media(min-width:767px) {
    .navbar {
        color:snow;
        padding: 5px 0;
        border-bottom: rgb(89, 225, 255);
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
        background: rgb(44, 167, 238);

    }
    .top-nav-collapse {
        padding: 0;
    }
}
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #FFF;
    color: #7ED2FD;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #7ED2FD;
    color: rgba(255, 255, 255, 0.856);
}
.welcome-section {
    padding-top: 100px;
    text-align: center;
    background: #23D5FF;
    background: -moz-linear-gradient(top, #23D5FF 0%, #7ED2FD 50%, #10F9F8 100%);
    background: -webkit-linear-gradient(top, #23D5FF 0%, #7ED2FD 50%, #10F9F8 100%);
    background: linear-gradient(to bottom, #23D5FF 0%, #7ED2FD 50%, #10F9F8 100%);
}
.about-section {
    
    padding-top: 40px;
    text-align: center;
    background: #10F9F8;
    background: -moz-linear-gradient(top, #10F9F8 0%, #7ED2FD 50%, #23D5FF 100%);
    background: -webkit-linear-gradient(top, #10F9F8 0%, #7ED2FD 50%, #23D5FF 100%);
    background: linear-gradient(to bottom, #10F9F8 0%, #7ED2FD 50%, #23D5FF 100%);
}
.whatwedo-section {
    
    padding-top: 40px;
    text-align: center;
    background: #23D5FF;
    background: -moz-linear-gradient(top, #23D5FF 0%, #7ED2FD 50%, #10F9F8 100%);
    background: -webkit-linear-gradient(top, #23D5FF 0%, #7ED2FD 50%, #10F9F8 100%);
    background: linear-gradient(to bottom, #23D5FF 0%, #7ED2FD 50%, #10F9F8 100%);
}
.contact-section {
    
    padding-top: 150px;
    text-align: center;
    background: #10F9F8;
    background: -moz-linear-gradient(top, #10F9F8 0%, #7ED2FD 50%, #23D5FF 100%);
    background: -webkit-linear-gradient(top, #10F9F8 0%, #7ED2FD 50%, #23D5FF 100%);
    background: linear-gradient(to bottom, #10F9F8 0%, #7ED2FD 50%, #23D5FF 100%);
}
.navbar-custom{
    background: #23D5FF;
    background: -moz-linear-gradient(-45deg, #23D5FF 0%, #10F9F8 100%, #7EECFF 100%);
    background: -webkit-linear-gradient(-45deg, #23D5FF 0%, #10F9F8 100%, #7EECFF 100%);
    background: linear-gradient(135deg, #23D5FF 0%, #10F9F8 100%, #7EECFF 100%);
}
.navbar-default .navbar-nav > li > a:hover {
    color: snow;
    background: rgb(1, 203, 248);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: snow;
    background: rgb(1, 203, 248);
}
.navbar-toggle{
    background-color: mediumturquoise;
}
.navbar-default {
    background-color: #EBFAFF;
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav > li > a {
    color:snow;
}

.footer-custom {
    background: #23D5FF;
    text-shadow: 2px 2px slategray; 
    color: rgb(255, 255, 255);
}

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    min-height:200px;
}

div.c-wrapper{
    width: 80%; /* for example */
    height:325px;
    margin: auto;
    background-color: #23D5FF;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

section { min-height:500px; }