body{
    margin:0;
    padding:0;
    color: #333;
    background-color: #eee;
    font: lem/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

h1,h2,h3,h4,h5,h6{
    margin:0 0 0.5em;
    font-weight:500;
    line-height:1.1;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
    width:70%;
    margin:auto;
}

h1{font-size:36px;}
h1{font-size:28px;}
h1{font-size:22px;}
h1{font-size:18px;}
h1{font-size:16px;}
h1{font-size:14px;}

p{
    margin:0 0 1.5em;
    line-height: 1.5;
}

blockquote{
    padding:1em 2em;
    margin:0 0 2em;
    border-left:5px solid #eee;
}

hr{
    height:0;
    margin-top:1em;
    margin-bottom:2em;
    border:0;
    border-top:1px solid #ddd;
}

table{
    background-color:transparent;
    border-spacing:0;
    border-collapse:collapse;
    border-top:1px solid #ddd;
}

th, td{
    padding: 0.5em 1em;
    vertical-align:top;
    text-align:left;
    border-bottom:1px solid #ddd;
}

a:link{color: royalblue;}
a:visited{color: purple;}
a:focus{color:black;}
a:hover{color:green;}
a:active{color:red;}

/*layout*/

.container{
    max-width: 50em;
    margin: 0 auto;
    background-color:#fff;
}

.header{
    background-color:blue;
    color: #fff;
    background:#00aaff;
    padding: 1em 1.25em;
}

.header-heading{
    margin: 0;
}

.nav-bar{
    background:cyan;
    padding:0;
}

.content{
    padding:1em 1.25em;
}

.footer{
    color:#fff;
    background:#00aaff;
    padding:1em 1.25em;
}

/*nav*/

.nav{
    margin:0;
    padding:0;
    list-style:none;
}

.nav li{
    display:inline;
    margin:0;
}

.nav a{
    display:block;
    padding:0.7em 1.25em;
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid gray;
}

.nav a:link{color:black;}
.nav a:visited{color:black;}

.nav a:focus{
    color:black;
    background-color:white;
}

.nav a:hover{
    color:white;
    background-color: cyan;
}

.nav a:active{
    color:white;
    background-color: red;
}

/*single style*/

.img-responsive{
    max-width:100%;
}

.btn{
    color:#fff !important;
    background-color:royalblue;
    border-color:#222;
    display:inline-block;
    padding:0.5em 1em;
    margin-bottom:0;
    font-weight:400;
    line-height:1.2;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    border:1px solid transparent;
    border-radius:0.2em;
    text-decoration:none;
}

.btn:hover{
    color:#fff!important;
    background-color:green;
}

.btn:focus{
    color:#fff!important;
    background-color:black;
}

.btn:active{
    color:#fff!important;
    background-color:red;
}

.table{
    width:100%;
    max-width:100%;
    margin-bottom:20px;
}

.list-unstyled{
    padding-left:0;
    list-style:none;
}

.list-inline{
    padding-left:0;
    margin-left:-5px;
    list-style:none;
}

.list-inline>li{
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
}

/*wide styles*/

@media(min-width:42em){
    .header{padding:1.5em 3em;}
    .nav-bar{padding:1em 3em;}
    .content{padding:2em 3em;}
    .footer{padding:2em 3em;}

    .nav li{
        display:inline;
        margin:0 1em 0 0;
    }

    .nav a{
        display:inline;
        padding:0;
        border-bottom:0;
    }
}