/* GERAL */
img {max-width: 100%;}

body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #4d4d4d;
}

h1,h2,h3 {
	margin: 0;
	font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
	font-weight: 700;

}

.botao {
	color: #334a5c;
	text-decoration: none;
	padding: 10px 30px;
	background-color: #ffffff;
	font-size: .9em;
	border-radius: 3px;
}

.botao a:hover {
    color: rgb(#5dda77);
}

a:link {
 text-decoration: none;
 color: #000000;
}

a:hover {
 color: #edc46f;
}

/* NAVEGAÇÃO */
.logo {width: 56px; height: 56px; float: left; background: url(img/logo-mobile.png) center center/56px no-repeat;
font-size: 0;}
.btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;
 }
.menu a:hover {border:1px solid #d61dc7;}

nav {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #ffffff;
}

nav > a {
    text-decoration: none;
    color: #f1f1f1;
    font-weight: 700;
    font-size: 28px;

}

nav ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

nav ul li {
	text-align: center;
	width: 100%;
}

nav ul li a {
	display: inline-block;
	padding: 10px 0;
	width: 100%;
	text-decoration: none;
	color: #000000;
}

nav li a:hover {
    color: #edc46f;
}
/* CABEÇALHO */

header {
	background-image:url('img/espanha.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat fixed;
	color: #f1f1f1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 100px;
}

header p {
	margin-bottom: 2em;
}

header .botao:hover {
    color: #edc46f;
}

/* NACIONALIDADES */

#Nacionalidades {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 70 50px 80;
	background-color: #334a5c;
	color: #f1f1f1;
}

/* FOOTER */

footer {
	text-align: center;
	padding: 10px;
	background-color: #7b7a7a;
}


/* DESKTOP */

@media screen and (min-width: 768px) {

/* NAVEGAÇÃO */
	nav {
		flex-direction: row;
		justify-content: space-around;
	}

	nav ul {
		flex-direction: row;
		width: 70%;
	}

/* CABEÇALHO */

header {
	height: 600px;
	height: 60vh;
	justify-content: center;
    padding: 10px;
}

/* NACIONALIDADES */
#Nacionalidades {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 110 100px 60;
	background-color: #334a5c;
	color: #f1f1f1;
}

/* BANNER */
#banner {
    height: 300px;
	height: 23vh;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	max-width: 800px;
	margin: 0 auto;
    padding: 14 1 12px;
}

.logo {width: 214px; background: url(img/logo.png) center center/214px no-repeat;}
.btn {font-size: 2em;}
}