*{
 font-family: 'Questrial', sans-serif;
 color: #888788;
}

body {
  font-size: 20px;
  margin-left :0.75em;
}

h2{
	color: #888788;
	margin:auto;
	text-align:center;
	width:50%;
}

body{
 overflow-y:overlay;	
 width:100%;
 overflow-x: hidden;
}

.container{

	overflow:auto;
}



.rightportion{
    float: right;

	width:50%;
}

.leftportion{
	float:left;

	width:50%;
}


*::-webkit-scrollbar {
    width: 0.75em;
	
}
 
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	
}
 
*::-webkit-scrollbar-thumb {
  background-color: rgba(192,192,192,0.5);
  outline: 1px solid red;
  border-radius: 10px;
}

div {

  transition:width 1s ease-in-out;
}

.contactTabel, td{

}

input{

	background-color: rgba(0, 0, 0, 0.5);
	border: none;
}

.homeHeader{
top : -10px; 	
 position: relative;
 opacity: 1;

	width: 100%;
	-webkit-animation-name: FadeIn; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: FadeIn;
    animation-duration: 4s;
}

.articleHeader{ 
margin-top: 25px;
margin-left : -10px;	
margin-bottom: 25px;
 opacity: 0;
	width: 101%;
	-webkit-animation-name: FadeIn; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: FadeIn;
    animation-duration: 4s;
	animation-delay:3s;
	-webkit-animation-delay:3s;
	animation-fill-mode: forwards; 
	-webkit-animation-fill-mode: forwards; 
}

.leftMenuItems{
	margin: 0 auto;
	position:relative;
	
	width:50%;
	float:left;
}

.rightMenuItems{
	margin: 0 auto;
	position:relative;
	width:50%;
	float:right;
}

.menuHeaderLeft{ 
margin: auto;

	width: 95%;
	    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}

.linkItem{
		
	display: inline-block;
	


}

.linkItemText{
		
  font-family: 'Questrial', sans-serif;
  color: white;
  left: 0;
    position:absolute;
    text-align:center;
    top: 50%;
    width: 100%;
	font-size: 4vw;
	opacity: 0.7;
text-shadow: 5px -3px 2px #2d2d2d;;

}

.linkItemContent:hover > img{
			-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.linkItemContent > img{
	    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.linkItemContent{
	position:relative;
	
}

.linkItemImage{ 


	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width:100%; 
	
}


.menuHeaderRight{ 
margin: auto;

	width: 95%;

	
}

.menuHeaderRight:hover,.menuHeaderLeft:hover{
		-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

.content{
	opacity : 0;
	width: 100%;
	
	text-align : center;
	-webkit-animation-name: FadeIn; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s;
    -webkit-animation-delay:2s;	/* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; 
    animation-name: FadeIn;
    animation-duration: 3s;
	animation-delay:2s;
	animation-fill-mode: forwards; 
	
}

.articleContent{
	opacity : 0;
	width: 100%;
	
	text-align : center;
	
	-webkit-animation-name: FadeIn; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s;
    -webkit-animation-delay:3s;	/* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; 
    animation-name: FadeIn;
    animation-duration: 3s;
	animation-delay:3s;
	animation-fill-mode: forwards; 
	
}

textarea{

	background-color: rgba(0, 0, 0, 0.5);
	border: none;
}

td {
	vertical-align : top;
}

.contact{
	margin-top : 50px;
	background-color: rgba(192,192,192,0.05);
	width: 50%;
	margin:auto;

}

.generalHeader{
    position: relative;
	-webkit-animation-name: bounceIn; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
    animation-name: bounceIn;
    animation-duration: 0.5s;
	width:200px;
	margin:auto;

}


.article{
    border : 1px solid black;

	margin:1%;
    max-height: 700px;

	padding:10px;

	overflow: auto;
}

.righthalf{
	border-radius:4px;

	padding:10px;
	width:45%;

	overflow: hidden;
}

@-webkit-keyframes FadeIn {

	0%   {opacity : 0}
    100% {opacity : 1}
}

@keyframes FadeIn {

	0%   {opacity : 0}
    100% {opacity : 1}
}

@-webkit-keyframes bounceIn {

	0%   {left:20px; top:0px;}
    100% { left:0px; top:0px;}
}

@keyframes bounceIn {

	0%   {left:20px; top:0px;}
    100% {left:0px; top:0px;}
}




.gallery{
    position:absolute;
	width : 90%;
	height: 80%;
	margin:auto;
    margin-left: 5%;
	border: 1px solid black;
}

.headPreview{
    position:relative;
	top:10%;
	left:25%;
	margin:auto;
	width:50%;
	
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;

}



.prevPreview{
	position:absolute;
	width:40%;
	left:5%;
	top:15%;
	float:left;
	max-height:40%;
	
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.nextPreview{
	position:absolute;
	width:40%;
	top:15%;
	float:right;
	left:55%;
	max-height:40%;
	
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.headPreview:hover{
		-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

.gallery > img:hover{
	-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}