body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
body { font-size: 20px;}
h1 {font-size:calc(15px + 4.5vw);max-width: 1000px; color:gray}
h2 {font-size:calc(20px + 3vw); color:gray}
h3 {font-size:calc(20px + 0.5vw); color:gray}
h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}

@media (min-width: 768px) 
{
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: fixed;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media (max-width: 768px) 
{
	.bgimg-1, .bgimg-2, .bgimg-3 {
		background-attachment: fixed;
		background-position: 70% 100%;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

.bgimg-1 {
    background-image: url('../images/5-900.jpg');
    min-height: 100%;
}
.bgimg-2 {
    background-image: url('../images/6-900.jpg');
    min-height: 100%;
}
.bgimg-3 {
    background-image: url('../images/7-900.jpg');
    min-height: 100%;
}
.mywidth {
   max-width:1000px;
}
.mysep {
   border-bottom: solid 5px lightgray;
}

.popover{
   font-size:0.8em !important;
}

.nav-item, .navbar .lang > a
{
   padding:0em 0.5em 0em 0.5em;

}

.nav-item:hover, .navbar .lang:hover > a
{
   background-color:#fafafa;
}

.navbar .lang > a
{
   display:block;
   padding-left:0.5em;
   padding: 0.5em 0em 0.5em 0em;
   text-decoration:none
}

.bg-primary, .btn-primary, .btn-primary:hover
{
   background-color: #008a00!important;
   border-color: #008a00;
}

.text-primary, a
{
   color: #008a00!important;
}


/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
 
 .scale-in-center {
	-webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
 
 .slide-in-bottom {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
 
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
