@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/*http://www.color-hex.com/color-palette/26330*/

:root {
	--main-blue: #0e3d51;
	--secundary-blue: #85cebb;
	--main-orange: #ef3e32;
	--main-yellow: #f99e1c;
	--main-gray: #8c9697;
}
* {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
}

p {
	text-align: justify;
	margin: 10px 0px;
	font-size: 1.1em;
}

blue {
	color: blue;
	cursor: pointer;
}

header {
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0px;
}

header h1 {
	text-align: center;
    margin-left: 50px;
    font-family: 'Roboto', sans-serif;
}

header img {
	width: 250px;
}

.title {
	z-index: 2;
	padding: 10px 0px;
	background: var(--main-blue);
	color: white;
	text-align: center;
	font-size: 1.3em;
	font-family: 'Roboto', sans-serif;
}

#slider {
	text-align: center;
	background-color: red;
}

.bx-wrapper {
	margin-left: auto;
    margin-right: auto;
}


#whatwedo {
	width: 100%;
	text-align: justify;
	margin: 30px 0px;

}

#whatwedo #text {
	width: 60%;
	margin: auto;
}

.columns {
	display: flex;
	flex-flow: row wrap;
	width: 80%;
	margin: auto;
	justify-content: space-between;
	padding: 20px 0px;
}

.column {
	width: 46%;
}

#contact_block {
	justify-content: space-evenly;
	padding-bottom: 20px;
}

#contact_block .columns {
	width: 100%;
	padding: 0;
}

#contact {
	display: flex;
	flex-flow: column;
	width: 30%;
	justify-content: center;
	margin-left: 5%;
	text-align: justify;
    align-items: center;
}

#contact div {
	margin: 5px 0px;
}

#idk_what_id_write {
	width: 80%;
	margin: 40px auto 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}

.contact_info {
	background-color: #212121;
	padding: 10px 30px;
	color: white;
	box-shadow: 0px 0px 3px 0px #000000a3;
	font-size: 1.1em;
	margin-top: 10px;
}

#privacity {
	margin: 10px 0 15px;
	align-items: center;
    justify-content: flex-end;
    display: flex;
}

footer {
	z-index: 2;
	text-align: center;
	padding: 15px 0px;
	background-color: var(--secundary-blue);
}

footer #linkedin {
	margin-left: 30px;
	font-size: 1.5em;
	text-decoration: none;
	color: var(--main-orange);
}