body {
	background: #fff;
	color: #7f8c8d;
}

a:hover, a:focus {
	text-decoration: none;
	background-color: transparent;	
}

h1.logo{
	color: #fff;
	text-shadow: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 36px;
}

h2.slogan {
	font-size: 36px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

h5{
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	line-height: 1.2em;
	padding-bottom: 10px;
}

.jumbotron.bgimage{
	background: no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.jumbotron{
	margin-bottom: 0px;
	min-height: 425px;
	padding-top: 0px;
}

p, li,
.jumbotron p,
.jumbotron li{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 1.6em;
	-webkit-font-smoothing: antialiased;
}

.jumbotron h2.slogan{
	padding-top: 20px;
	padding-bottom: 20px;
}


.jumbotron.white{
	text-align: center;
	background-color:#fff;
	padding-top: 0px;
}

.jumbotron.grey{
	background-color: #f7f7f7;
	background-size: cover;
	padding-top: 0px;
	text-align: center;
}

.jumbotron.no-padding{
	padding: 0px;
}

.jumbotron.no-padding{
	padding: 0px;
}

.container.wide{
	margin-top: 40px;
}

.logo-container > div > div{
	padding-bottom: 25px;
	padding-top: 25px;
}

.bs-callout {
	padding: 10px;
	margin-top: 5px;
	border: 1px solid #eee;
	border-top-width: 6px;
	border-radius: 3px;
	border-top-color: #f7f7f7;
	height: 430px;
}

/* sections */

#welcome{
	margin-bottom: 0px;
}

#showcase{
	background-image: url(../img/mtlskyline4p.jpg);
	min-height: 450px;
}

#services.jumbotron{
	color: #F7F7F7;
	background-image: url(../img/coffee6.jpg);
}

#profil.jumbotron{
	background-image: url(../img/paris8.jpg);	
	text-align: left;
	color: #F7F7F7;
}

#contact.jumbotron{
	min-height: 300px;
}

#contact i.fa{
	padding-right: 10px;
}

a.linkedin {
	padding-bottom: 5px;
	padding-left: 3px;
}

footer p{
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}


/* navbar */

@media (max-width: 800px) {

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
		border-color: #3295c4;
    }
    
    .navbar-toggle .icon-bar {
		background-color: #fff;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
        color: #fff;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        color: #fff;
    }

    .collapse.in{
  		display:block !important;
	}

	.navbar-inverse .navbar-toggle:focus {
		background-color: #0088C6;
	}

	.navbar-inverse .navbar-toggle{
		background-color: #0088C6;
		border-color: #fff;
	}

	.navbar-inverse .navbar-collapse{
		border-color: #0088C6;
	}
}

.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: transparent;
	
}

.navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a{
	color: #fff;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
}

.opacity{
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */	    	
}


.navbar{
	/*render navbar transitions smoothly on all browsers*/
	-webkit-transition: background .4s ease-in-out,padding .4s ease-in-out;
	-moz-transition: background .4s ease-in-out,padding .4s ease-in-out;
	transition: background-color .4s ease-in-out,padding .4s ease-in-out;
}

.navbar-inverse{
	background-color: #0088C6;
	border-color:  #0088C6;
}



/* /navbar */

/* back to top */
#topcontrol {
	background: #0088C6;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 35px;
	height: 25px;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	padding-top: 2px;
}	

/* /back to top */