.bgimage_homepage{
	background-image: url(../images/Homepage_BGI.jpg);
	position: fixed;
	top:0; left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.container{
	height: 100%;
}

@keyframes pageIn{
	0%{transform: translateY(-10%);opacity: 0;}
	100%{transform: translateY(0%);opacity: 1;}
} 

.biglogo, .Title, .subtitle_H1{
	animation: pageIn 0.7s 0.2s ease-in backwards;
}

.biglogo{
	position: relative;
	top: 0; left: 0;
	padding-top: 10vh;
}
.biglogo img{
	display: block;
	margin:0 auto;
}

.Title p{
	font-size: 54px;
	font-family: Georgia; 
	font-weight: 700;
	color: #CBB479;
	text-align: center;
	margin-top: 16px;
	text-shadow: 1px 1px 1px #fff;
}
.subtitle_H1 p{
	margin-top: -5px;
	font-size: 36px;
	font-weight: 700;
	font-family: Georgia;
	color: #CBB479;
	text-align: center;
	line-height: 36px;
	text-shadow: 1px 1px 1px #fff;
}
.menubar.col-xs-12{
	display: block; margin-right: 0; 
	padding: 16px 0px;
	animation: pageIn 0.7s 0.5s ease-in backwards;
}

.menubar .col-xs-3{
	padding:0;
}

.btn_main{
	margin-left: 15px;
	padding-top:8px; padding-bottom: 4px;
	background-color: #CBB479;
	color: #fff;
	font-size: 18px;
	font-weight: 150;
	font-family: Georgia;
	text-align: center;
	box-shadow: 1px 1px 5px #fff;
	border-radius: 2px;
}
.btn_main:hover{
	box-shadow: 3px 3px 3px #fff;
	background-color: #DBCDAB;
}



@media(max-width: 1280px){
	.Title p{font-size: 40px;}
	.subtitle_H1 p{font-size: 24px;}
	.btn_main{font-size: 16px;}
}
@media(max-width: 992px) {
	.Title p{font-size: 35px}
	.subtilte_H1 p{font-size: 22px;}
	.btn_main{font-size: 14px;}
}
@media(max-width: 768px){
	.bgimage_homepage{position:fixed; top: 300px;
					  background-position: center;}
	.Title p{font-size: 40px; text-align: center;}
	.subtitle_H1 p{font-size: 20px; text-align: center;}
	.menubar.col-xs-12{padding: 0px 16px;}
	.btn_main{margin:0 8px;font-size: 14px;}
	.center-alignment{display: flex; justify-content: center;}
	.pictures .col-sm-4{width: 25%; float:left;}
	.pictures .pic_left, .pictures .pic_center, .pictures .pic_right{height: 15vh;}
	.pictures .img{background-size: cover; background-position: center; overflow: hidden;}
	.biglogo {padding-top: 5vh;}
	.menubar .col-sm-3{width: 25%;}
}

@media(max-width: 414px){
	.col-sm-4 {display: none;}
	.biglogo{width: 100%;}
	.biglogo img{width: 80%;}
	.btn_main{font-size: 14px;}
	.menubar.col-xs-12{margin-top: -8px;}
	.menubar .col-xs-3{width: 100%;}
	.btn_main {padding-right: 20px; padding-left: 20px;
			   margin-bottom: 16px;}
}


