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

body{
	margin: 0;
	font-family: jaf-domus, sans-serif ;
	font-size: 20px ;
	font-weight: 200 ;
}

/* COLORS */
.sky{ color: #9ad7d2; }
.sky-bg{ background-color: #9ad7d2;}

.water{color: #2a718a; }
.water-bg{background-color: #2a718a; }

.green{color: #257C6B; }
.green-bg{background-color: #257C6B; }

.snow{color: #fff; }
.snow-bg{background-color: #fff; }

/* CONTAINER */
.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

/* ROW */
.row {
	position: relative;
	display: flex;
}

/* COL */
.col-2 {width: 16.66%;}
.col-4 {width: 33.33%;}
.col-6 {width: 50%;}

@media screen and (max-width:767px) {
	.col-2,
	.col-4,
	.col-6 {width: 100%}
	}


.col-offset-2{ margin-left: 16.66%; }
.col-offset-4{ margin-left: 33.33%; }
.col-offset-3{ margin-left: 25%; }

@media screen and (max-width:767px) {
.col-offset-2,
.col-offset-4,
.col-offset-3 { margin-left: 0; }
.col-xs-12 { 
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2rem;
}

@media screen and (max-width:767px){}
.order-xs-2{order: 2}
.order-xs-3{order: 3}
.order-xs-4{order: 4}
.order-xs-5{order: 5}
}

/* BODY */
.main-logo{
	margin: 10% 0px 60px 0px;
	text-align: center;
}
.main-logo img{
	width: 500px;
}

.intro{
	margin-bottom: 150px;
}

@media screen and (max-width:767px) {
.intro {font-size: 22px;
	padding: 0px 20px;
	font-weight: 300;
}

.main-logo img{
	width: 200px;
}

}

/* FOOTER */
.footer{
	position: fixed;
	overflow: hidden;
	bottom: 0px;
	width: 100%;
	font-size: 14px;
	padding: 50px 0px;
}

@media screen and (max-height: 957px) {
.footer{
	position: fixed;
	overflow: hidden;
	bottom: 0px;
	width: 100%;
	font-size: 12px;
	padding: 50px 0px;
	}
}

.footer a{
	text-decoration: none;
	color: #fff;
}
@media screen and (max-width:1024px) {
	.col-offset-2{
		margin-left: 0;
	}
	.col-2{
		margin-left: 10px;
	}
}

@media screen and (max-width:767px) {
	.footer{
		position: fixed;
		bottom: 0px;
		width: 100%;
		overflow: hidden;
		padding: 25px 0px;
		font-size: 22px;
		
	}


	.intro {
		margin-bottom: 50px;
		margin-top: 75px;
	}
	.row {
		width: 100%;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.container {
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0px 20px;
		
	}
	.container .col-xs-12 {
		margin-bottom: 0;
	}
	.container .col-xs-12 p {
		margin: 10px 0px;
	}
	.container img {
		line-height: 41px;
		vertical-align: middle;
	}

	
}