html {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {
	font-family: 'Lato', sans-serif;
	color: grey;
}

nav {
	background-color: white;
}

html,
body,
header,
#header {
    min-height: 1000px;
}


/*header{
    background: url("../images/montagne.jpg")no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/


h1,
h2,
h3{
  color: #00535d;
}

h1,
h2,
h3,
p,
a{
	font-family: 'Lato', sans-serif;
	/*font-family: 'Barlow', sans-serif;*/
}

p{
  font-size: 1.2rem;
}

.compare{
  width: 100%;
  margin: 0 auto;
}

.duck-color{
  background-color: #00535d;
}



a{
	text-decoration:none;
	color:white;
}

a:hover{
  color:grey;
}

.green-duck{
  text-decoration:none;
  color: #00535d;
}

#testimonials{
   background: url("../images/fond_copie.png")no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 520px;
}

@media screen and (min-width: 770px) {

  #header{
    background: url("../images/montagne5.jpg")no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

	}
	.accroche {
		margin-left: 25px;
	}
}


@media screen and (max-width: 770px) {

  html,
  body,
  header,
  #header {
    min-height: 1150px;
  }

  #header{
    background: url("../images/montagne5.jpg")no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  #commercial{

    padding-top: 100px;
  }

  #testimonials h1{
    font-size: 1.2rem;
  }
  
}