.backGroundFullScreen {
    background-image: url("img/Rudehen.png");
    background-position: center;
    background-repeat: no-repeat;
    /*background-color: transparent;*/
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: auto;
}

.social [class*="fa fa-"] {
    background-color: #2b7511;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 35px;
    font-size: 15px;
    text-align: center;
}

.fa-twitter:hover {
    background-color: #46c0fb;
}

.fa-linkedin:hover {
    background-color: #176184;
}

.fa-skype:hover {
    background-color: #7c3da3;
}

.fa-phone:hover {
    background-color: #cf5968;
}

.fa-home:hover {
    background-color: #eb3823;
}

.fa-envelope:hover {
    background-color: #e388d7;
}

.backGroundVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
   
    background-position: center;
    background-color: transparent;
    background-size: cover;
    z-index: -1;
   
    opacity: 0.2;
}

blockquote > p {
    color: #000000;
}

cite {
    color: darkred;
}

html > /**/ body .navbar-brand {
    padding: 0;
}

    .navbar-brand > img {
        height: 100%;
        padding: 8px;
        width: auto;
    }


.box {
    border: 1px solid grey;
    background-color: #d3d3d3;
}

.large {
    font-size: 3000%;
    color: red;
}

#divHome {
    /*background-color: blue;*/
    height: auto;
    opacity: 0.8;
}

#divPicture {
    /*background-color: red;*/
    height: auto;
    opacity: 1;
}

#divAwards {
    /*background-color: red;*/
    height: auto;
    opacity: 0.9;
    padding: 10px;
    margin: 20px;
}
#divExperince {
    padding: 20px;
    /*background-color: green;*/
    height: auto;
    opacity: 1;
}

#divClient {
    /*background-color: yellow;*/
    height: auto;
    opacity: 1;
    padding: 30px;
    display: block;
}

#divSocial {
    height: auto;
    background-color: cadetblue;
}

#divfooter {
    height: auto;
    opacity: 1;
    background-color: darkslateblue;
}


#divVideo {
    background-image: url('img/Rudehen1.JPG');
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

video {
    width: 80% !important;
    height: auto !important;
}

.carousel-inner img {
    margin: auto;
    width: 660px;
    height: 520px;
}



.panel {
    border-radius: 23px;
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    -webkit-box-shadow: 0 10px 11px 1px #000000;
    -webkit-box-shadow: 0 10px 11px 1px hsla(0, 0%, 0%, 0.75);
    -moz-box-shadow: 0 10px 11px 1px #000000;
    box-shadow: 0 10px 11px 1px #000000;
    box-shadow: 0 10px 11px 1px rgba(0,0,0,0.75);
    color: #000000;
    /*left: 30px;
            top: 10px;
            width: 200px;
            height: 250px;
            position: relative;
            padding: 15px;*/
}


.panel-heading {
    border-radius: 23px;
    /*background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
            background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
            background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);

            background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);*/
    -webkit-box-shadow: 0 10px 11px 1px #000000;
    -webkit-box-shadow: 0 10px 11px 1px hsla(0, 0%, 0%, 0.75);
    -moz-box-shadow: 0 10px 11px 1px #000000;
    box-shadow: 0 10px 11px 1px #000000;
    box-shadow: 0 10px 11px 1px rgba(0,0,0,0.75);
    /*color: #000000;

            left: 30px;
            top: 10px;
            width: 200px;
            height: 250px;
            position: relative;
            padding: 15px;*/
}
/*be in center*/
.center-block {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

h4 {
    color: black;
}



h1 {
    color: darkblue;
    font-family: 'Playfair Display', serif;
    /*animation: ChangeFontSize 3s infinite;*/
    animation: ChangeColor 2s infinite;
    transform: translate3d(-10px, -30px, 100px);
    font-size: 50px;
}



.socialAlign {
    display: inline-block;
    padding: 10px;
}




@-moz-keyframes ChangeFontSize {
    0% {
        font-size: 20px;
    }

    30% {
        font-size: 5px;
    }

    100% {
        font-size: 20px;
    }
}

@-webkit-keyframes ChangeFontSize {
    0% {
        font-size: 20px;
    }

    30% {
        font-size: 5px;
    }

    100% {
        font-size: 20px;
    }
}

@keyframes ChangeFontSize {
    0% {
        font-size: 20px;
    }

    30% {
        font-size: 5px;
    }

    100% {
        font-size: 20px;
    }
}

@keyframes ChangeColor {

    0% {
        color: #264c43;
    }

    50% {
        color: #f4f7ec;
    }

    100% {
        color: #264c43;
    }
}


.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
    background-color: #2a245e;
    transition: all .25s;
    width: 460px;
    height: auto;
    padding: 5px;
    color: white;
}

.portfolio-box-caption {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    display: block;
    
    font-family: 'Playfair Display', serif;
    /*animation: ChangeFontSize 3s infinite;*/
    animation: ChangeColor 2s infinite;
    transform: translateY(-50%);
}


a {
    font-size: medium;
}
h2 {
    color: white;
}