﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
 
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/ 
 
}

.innerbody-content{
    padding-left: 15px;
    padding-right: 15px;
}
/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

body {
    /*-webkit-box-sizing: border-box;
    box-sizing: border-box;*/
    /*padding: 3rem;*/
    background-color: #c69963;
    color:white;
}
    /*body:after {
        content: "";
        display: block;
 
        background-image: url('../images/circuit.svg');
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: -1;
    }*/ 


@media only screen and (max-width: 56.25em) {
    body {
        padding: 0;
    }
}

::-moz-selection {
    background-color: #55c57a;
    color: #fff;
}
 
.contactclass:after {
    content: "";
    display: block;
    background-image: url('../images/pendrive.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -1;
}
.contactclass {
    background-color: #c69963;
    background-image: url('../images/pendrive.jpg');
}
::selection {
    /*background-color: #55c57a;*/
    color: #fff;
}

body {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    /*font-size: 16px;*/
    line-height: 1.7;
    color: #777;
 
}

.navbarextended {
    background-color: darkblue;
 
}
 
 

.LogoImage {
 
    height: 400px;
    background-image: url('../images/binarylogo.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.LogoImageWText {
    height: 400px;
    background-image: url('../images/binary.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


