body {
	background-color: #2c2c2c;
	font: oswald;
	font-family: sans-serif;
	color: #f6f7f4;
}

.fcb {color: black;}

.margin-top-5 {
	margin-top: 5%;
}
.margin-top-2 {
	margin-top: 2%;
}
.margin-bottom-5 {
	margin-bottom: 5%;
}
.margin-bottom-2 {
	margin-bottom: 2%;
}

a {
	color: #2599b2;
}

a:hover {
	color: #f6f7f4;
}

#blue {
	color: #2599b2;
}

.img-home {
	height: 30%;
}

.img-liste {
	width: 250px;
	height: auto;
}

.img-liste-L {
	width: 450px;
	height: auto;
}

.grey {
	color: darkgrey;
}

#red {
	color: crimson;
}


.margin-0 {
	margin-top: 0px;
	padding-top: 0px;
}


.navbar {
	margin-bottom: 0px;
}



/*Animation*/

img {
	-webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.5s; /* Firefox < 16 */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera < 12.1 */
            animation: fadein 1.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.op1 {
	opacity: 1;
}


img {
	-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}



.geo-links {}

.sm-logos {
	width: 30px;
	height: auto;
	margin-right:5%;
	margin-left:5%;
	padding-bottom:5px;
	margin-bottom: 2%;
	margin-top: 5px;
	
}