/* MENU */
body {margin:0;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

  
body, html {
    height: 100%;
	
}


/* The hero image */
.hero-image {
    /* The image used */
    background-image: url("img/ourengagement/polarregions/bandeau.jpg");

    /* Set a specific height */
    height: 35%;

    /* Position and center the image to scale nicely on all screens */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

/* Place text in the middle of the image */
.hero-text {
    text-align: center;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    		color: white;
	text-align:center;
	display:block;
	font-weight:bold;
	text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
} 
  
body, html {
    height: 100%;

}


/* grid */
p 
{
    width:50%;
	margin:auto;
	text-align:justify;
} 
.intro{
    margin-top:2%;
} 



.italic{
    font-style:italic;
margin-top:0;
} 

.photo-container{
    position:relative;
	width:50%;	
	float:left;
}

.photo{
    width:100%;
	object-fit:cover;
		height:250px}

.row{
    width:50%;
	margin:auto;}

.retour
{
    text-align:right
} 


@media screen and (min-width:651px)  and (max-width:1350px){
.row{
    width:100%}
.photo
{
    height:150px}
p{
    width:75%
} }

@media screen and (max-width:650px) {
.row{
    width:100%}
.photo
{
    height:100px}

p{
    width:95%;
} }