body {
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #222;
	min-height: 100vh;
  	margin: 0px;
  	padding: 0px;
}

.container-main {
	min-height: calc(100vh - 100px);
}

.navbar-top {
	margin-bottom: 0px;
}

#img-landing {
    min-height: calc(100vh - 100px);
    background-repeat: no-repeat;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 150px) 
{
	.img-calepin {
    	background-image : url(/image/calepin_1280.jpg);
    }
    .img-forge {
    	background-image : url(/image/forge_1280.jpg);
    }
    .img-lego {
    	background-image : url(/image/lego_1280.jpg);
    }
    .img-domotique {
    	background-image : url(/image/facade_1280.jpg);
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{
	.img-calepin {
    	background-image : url(/image/calepin_1280.jpg);
    }
    .img-forge {
    	background-image : url(/image/forge_1280.jpg);
    }
    .img-lego {
    	background-image : url(/image/lego_1280.jpg);
    }
    .img-domotique {
    	background-image : url(/image/facade_1280.jpg);
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	.img-calepin {
    	background-image : url(/image/calepin_1920.jpg);
    }
    .img-forge {
    	background-image : url(/image/forge_1920.jpg);
    }
    .img-lego {
    	background-image : url(/image/lego_1920.jpg);
    }
    .img-domotique {
    	background-image : url(/image/facade_1920.jpg);
    }
}