#home{
	position : relative;

}
#home .content{
	position : absolute;
	display : inline-block;
	left : 400px; top : 0px; right : 0px; bottom : 0px;
	text-align : center;
}
#videoCt{
	display : inline-block;
	width : 65%;
	margin : 0 auto;
}
#home .video-js{

	position : relative;
	display : inline-block;
	margin : 0 auto;
	overflow : hidden;
	border-radius : 7px;
	-webkit-box-shadow: 0 0 75px rgb(210,210,210);
	box-shadow: 0 0 75px rgb(210,210,210);
	width: 100%    !important;
	height : 100% !important;
}


#caroussel{
	position : 	absolute;
	top : 0px;
	left :0px;
	height : 100%;
	width : 400px;
	background-color : rgba(0,0,0,0.4);
	color : white;
	overflow : hidden;
	margin : 0px;
	font-size : 16px;
}
#caroussel img{
	width : 300px;
}
#caroussel li{
	display : inline-block;
}
#caroussel .text{
	text-align : left;
}
#home article{
	position : absolute;
	top : 0px;
	bottom : 0px;
	left : 0px;
	right : 0px;
	background-color : rgba(0,0,0,0.0);
}
#mainNav .home img{
	width : 130px;
}

#home .logos{
	text-align : center;
	margin : 0 auto;
	margin-top : 20px; margin-bottom : 10px;

}
#home  .logos img{
	width : 30px;
	transition : width 0.2s linear;
}

#home  .logos a{
	display : inline-block;
	width : 40px;
	height : 50px;
	vertical-align : top;
	line-height : 50px;
}
#home  .logos a:hover img{
	width : 40px;
}


@media only screen and (max-width : 1400px){
	#caroussel{
			width : 300px;
	}
	#caroussel img{
			width : 250px;
	}
	#videoCt{
		width : 70%;
	}
	#home .content{
		left : 300px;
	}
}

@media only screen and (max-width : 900px){
	#caroussel{
		width : 300px;
		font-size : 11px;
		line-height: default;
	}
	#caroussel img{
		max-width : 130px;
	}
	#caroussel ul{
		padding-bottom : 40px;
	}

}
@media only screen and (max-width : 600px){
    #home{
        background-color : rgba(0,0,0,0.6);

    }
    #caroussel{
        left : 0px;
        right : 0px;
        top : 0px;
        width : auto;   
        height : 250px;
        padding : 0px;
        background-color : rgba(0,0,0,0.0);
    }

    #caroussel img{
        max-height: 130px;
        width : auto;
        vertical-align: top;
        margin : 0px;
    }
    #caroussel .text{   
        font-size : 10px;
    }
	#home .content{
        top : 0px;
        left  : 0px;
        right : 0px;
        width : 100%;
    }
    #home .logos{
        height : 50px;
        line-height: default;
    }
	#videoCt{
        position : absolute;
        left : 0px;
        top : 280px;
        right : 0px;
        bottom : 0px;
    }
    #home .video-js{
        
        position : absolute;
        left : 0px;
        display : inline-block; 
        margin : 0 auto;
        overflow : hidden;
        border-radius : 7px;
        -webkit-box-shadow: 0 0 75px rgb(210,210,210);
        box-shadow: 0 0 75px rgb(210,210,210);
        width: auto;
        height : auto;
    }
    #videoLabel{
        font-size : 10px;
    }
    #videoLogVeo{
        width : 10px;
    }


    #home .video-js img{
        width : 20px;
    }
}