@charset "utf-8";
/* CSS Document */

body {
}

#establishment-photos{	
	background: #444 url(/img/Kinoteka-food-and-bar-Split-interior.JPG) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
	padding-top: 100px;
}

#food-photos{
	background: #444 url(/img/Kinoteka-food-and-bar-Split-food.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
	padding-top: 100px;
}

#drinks-photos{		
	background: #444 url(/img/Kinoteka-food-and-bar-Split-drinks.JPG) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
	padding-top: 100px;	
}

#logo-slogan p {
    color: #FFFFFF;
}

.foodandbar {
    padding-bottom: 0px;
}

.info  {
    font-weight: 400;
    font-size: 1.2em;
    font-family: antic;
    font-style: normal;
    background-color: #E8C66B;
    -webkit-box-shadow: 0px 0px 3px 2px;
    box-shadow: 0px 0px 3px 2px;
    border-radius: 20px;
}


.kinoteka-logo {
	width: 21em;
}

.about-kinoteka{
	padding: 50px 15%;
	text-align: center;
	font-size: 16px;
	background-color: #FFFFFF
}

.about-kinoteka p{
	color: #E8C66B;
	font-family: antic;
	font-weight: bolder;
}

.logo-about{
	height: 100px;
	margin-bottom: 30px;
}

.fotodiv{
	height: 300px;
	text-align: center;
	padding-top: 120px;
}

.gallery-intro-text{
	padding: 50px 15%;
	text-align: center;
	font-size: 16px;
	background-color: white;
}

.gallery-intro-text p{
	color: #E8C66B;
	font-family: antic;
	font-weight: bolder;
}



footer {
	font-family: antic;
    font-size: 12px;
    padding: 10px;
	color: #7FACB9;
	background-color: #fff;
}
.btn{
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.btn-transparent {
	background: #E8C66B;
	border: 1.5px solid #E8C66B;
	padding: 7px 50px;
	font-size: 14px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #fff;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-decoration: overline;
	-webkit-box-shadow: 0px 0px 3px 2px;
    box-shadow: 0px 0px 3px 2px;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
	background: transparent;
	color: #E8C66B;
	text-decoration: none;
}

section#contact{
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;
	padding-bottom: 50px;
	background-color: #7FACB9;
}section#contact .section-heading{color:#fff; font-family: antic; font-weight: bolder; padding-bottom: 20px;}section#contact .form-group{margin-bottom:25px}section#contact .form-group input,section#contact .form-group textarea{padding:20px}section#contact .form-group input.form-control{height:auto}section#contact .form-group textarea.form-control{height:236px}section#contact .form-control:focus{border-color:#fed136;box-shadow:none}section#contact ::-webkit-input-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact :-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact ::-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact :-ms-input-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#bbb}section#contact .text-danger{color:#e74c3c}
.logo {
    width: 130px;
    margin-top: 100px;
    margin-bottom: 100px;

}


@media (max-width:400px){
	
}

@media (min-height:700px){
	
}

@media(min-width:992px){
	section#contact .form-group textarea.form-control{height:216px}
}

@media (max-width:767px){
		
	.kinoteka-logo {
		width: 20em;
	}
	
}

@media (max-width:450px){
				
	.kinoteka-logo {
	width: 15em;
}
}