:root {
  	--space-lg: 1rem;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  :root {
    --space-lg: 0.5rem;
  }
}

html {
	position: relative;
	min-height: 100%;
}

body {
  background-color: #fee
}

.my-navbar {
  background-color:#ff6600;
}  
.navbar .nav-link {
	color: rgba(255, 255, 255) !important;
}

.my-footer {
    background-color:#ff6600;
    position: absolute;
	  bottom: 0;
    width: 100%;
    color: white;
    padding: var(--space-lg) 0;
}
.my-footer a { color: #ffffff; }
.my-footer a:hover { color: #ffffff; }


.my-main {
  padding: var(--space-lg) 0;
}

.bleu-border {border: 2px solid #00F; }