@font-face {
    font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: Open Sans Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: Open Sans BoldItalic;
    src: url(../fonts/OpenSans-BoldItalic.ttf);
}

b{
	font-family: Open Sans Bold;
}
i{
	font-family: Open Sans BoldItalic;
}

html { 
  background: url(../img/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
	background-color: transparent;
	text-align: center;
	color: white;
	font-family: Open Sans;
	font-size: 16px;
}

.logo{
	/*! margin: 0 auto; */
	width: 100%;
	background-color: rgba(0,0,0,0.2);
	padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: 5px 0 6px rgba(0,0,0,0.85);
}
.logo img{
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

.contacts{
	margin-top: 10px;
}

.content{
	margin-top: 60px;
	margin-bottom: 80px;
}

.content p{
	line-height: normal;
	padding: 0px;
	margin-bottom: 3px;
}

.content a{
	color: white;
	font-weight: bold;
}

.text{
	margin-bottom: 40px;
	text-shadow: 0 0 3px #000;
}
.about{
	text-align: left;
	color: black;
}

.about p{
	margin-bottom: 10px;
}

.row.text{
	padding-bottom:40px;
}

.gallery{
	margin-top: 15px;
	margin-bottom: 15px;
	background: rgba(255,255,255,0.67);
	padding: 20px;
	box-shadow: 0 0 50px #000;
}

.photos{
	margin-bottom: 10px;
	/*! background-color: red; */
}

.photos img{
	width: 100%;
	max-width: 100%;
	border: 2px solid #fff;
}
/* 
.photos img{
	-webkit-filter: blur(1px);
	filter: blur(.5px);
	-webkit-transition: .3s ease-in-out;
	transition: .7s ease-in-out;
}
.photos a:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
} */


@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.footer{
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 100px;
	background-color: white;
}

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

@media(max-width:480px){
	.content{
		margin-top: 40px;
		margin-bottom: 80px;
	}
}

.projektagaita{
	margin-top: 20px;
}

.projektagaita .about{
	margin-left: 15px !important;
	margin-right: -15px;
}