.header {
    height: 405px;
    background: url(piccar2.jpg)

}
@media screen and (min-width: 750px) {
    #content {float:left; width: 60%;}
    #sidebar {float:right; width: 35%}
}

@media screen and (min-width: 481px) and (max-width: 749px) {
    #content {width:95%;}
    #sidebar {width:95%;}
}

.img {
    max-width: 100%;
}
iframe, object, embed {
    width: 100%;
}

@media only screen and (max-width: 620px) {
    /*For mobile phones: */
    .menu, .main, .right {
        width: 100%;
    }
}

@viewport {
    zoom: 1.0;
    width: extend-to-zoom;

}

@-ms-viewport {
    width: extend-to-zoom;
    zoom: 1.0,

}


.body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    background: url(newbg.jpg) !important;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    color: yellow;
    font-style:normal;
}

img {
    max-width: 100%;
    height: auto;
    padding: 5px;
}

.borderimg {
    border-radius: 10px;
    width:500px;
    height:500px;
    border: 2px solid #ddd;
    padding: 5px;
}

h1 img {
    vertical-align: middle;
    width: 150px;
    margin: auto 50px;
}

.col-md-10 {
    color: white;
}

.container {
    width: 70%;
    color: black;
}

.jumbotron {
    margin-right: auto;
    margin-left: auto;
    padding-right: auto;
    padding-left: auto;
    border: transparent;
    background: url(bgimgnew.jpg); !important;
    box-shadow: 1px 1px 1px 1px #bbbbbb;
}
.jumbotron h2 {
    color: black;
}

/*!*Showcase*!
min-height: 300px;
background: url('../img/showcase.jpg') no-repeat 0-400px;
text-align:left;
}*/

.leftside {
    position: fixed;
}

.leftside li {
    list-style-type: none;
    padding: 20px;
    transition:.6s;
    color: white;
    position: relative;
    cursor: pointer;
}
.leftside li i {
    font-size: 25px;
}

.leftside li:hover {
    padding: 15px 30px;
}

.leftside li:nth-child(1) {
   background: #3b5998;
}

.leftside li:nth-child(2) {
   background: #00aced;
}

.leftside li:nth-child(3) {
   background: green;
}

.leftside li:nth-child(4) {
   background: darkviolet;
}

.leftside li:nth-child(5) {
 background: red;
}


/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}
.text {
    style="font-size:10vw";
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.col-sm-4 h3 {
    color: black;
    font-size: 25px;
}
.col-sm-4 p {
    color: black;
    font-size:15px;
}
.col-sm-4 size10{
    height: 300px;
    target-position: right;
}