/*** ### ./css/layout.css ### ***/





html{
	background-color: #1b3664;
	background-image: url(/images/header/background.png);
	background-size: 1600px 1600px;
	}

body{
	font-family: Recursive;
	background-color: transparent;
	}


/*** content ***/
main{
	display: block;
	margin: 20px auto;
	color: black;
	max-width: 900px;
	background: #1b3664;
	padding: 10px 0;
	text-align: justify;
	color: white;
	}





/*** ### ./css/header.css ### ***/





/*** header ***/
header{
	width: 100%;
	max-width: 440px;
	padding: 15px 0;
	margin: auto;

	}

header a{
	width: 96%;
	display: block;
	margin: auto;
	padding: 5px 0 0px;
	text-decoration: none;
	}

header img{
	display: block;
	margin: auto;
	width: 100%;
	}

header a span{
	display: block;
	position: absolute;
	color: #c46210;
	font-weight: 600;
	font-size: 0.65rem;
	margin-top: 50px;
	margin-left: 64px;
	}

header a span b{
	font-weight: 900;
	}

header div{
	font-size: 3.6rem;
	padding: 50px;
	text-align: center;
	color: white;
	font-weight: 300;
	}



/*** nav ***/
nav{
	width: 100%;
	margin: auto;
	font-size: 1.2rem;
	font-weight: 500;
	background: rgb(61,77,113);
	background: radial-gradient(circle, rgba(61,77,113,1) 0%, rgba(61,77,113,1) 38%, rgba(255,255,255,0) 100%);
	border-bottom: 1px solid #a7bed3;
	}

nav div{
	display: flex;
	max-width: 800px;
	margin: auto;
	}

nav a{
	display: flex;
	margin: auto;
	color: white;
	text-decoration: none;
	line-height: 100%;
	/*outline: 1px solid red;*/
	/*color: black;*/
	}

nav a span{
	display: block;
	padding: 12px 10px 8px;
	/*background: orange;*/
	flex-grow: 1;
	}

nav a.nav-active{
	/*border-top: 8px solid #9e4a04;
	border-bottom: 6px solid #9e4a04;*/
	/*padding-top: 2px;
	padding-bottom: 2px;*/
	}

nav a:hover{
	text-decoration: underline;
	}

.nav-sequence-1{order: 1;}
.nav-sequence-2{order: 2;}
.nav-sequence-3{order: 3;}
.nav-sequence-4{order: 4;}




/*
.nav-lines{
	display: none;
	width: 45px;
	}

.nav-lines i{
	display: block;
	width: 35px;
	height: 3px;
	font-style: normal;
	background: #c46210;
	margin: auto auto auto 3px
	}
*/

/*
.nav-name{
	flex-grow: 1;
	}

i.nav-lines-one{
	margin-bottom: 5px;
	}
*/

nav svg{
	display: block;
	width: 12px;
	height: 12px;
	margin-top: 11px;
	margin-left: 10px;
	display: none;
	}

nav .nav-sequence-4 svg, nav .nav-sequence-3 svg{
	margin-left: 0;
	margin-right: 10px;
	}

/*** width info ***/
#responsive-browser-width{
	position: fixed;
	background: rgb(55,66,80);
	padding: 5px 5px 5px 15px;
	color: rgb(154,171,192);
	font-size: 1.15rem;
	font-weight: 700;
	z-index: 11111;
	height: 17px;
	text-decoration: underline;
	cursor: pointer;
	}





/*** ### ./css/footer.css ### ***/





footer{
	width: 100%;
	background: linear-gradient(#a7bed3 32px, rgba(0, 0, 0, 0) 0%);
	color: white;
	font-family: "Recursive", sans-serif;
	font-weight: 300;
	font-size: 0.8rem;
	}

footer a{
	color: white;
	}

footer b{
	display: inline-block;
	font-weight: 600;
	}

footer strong{
	font-size: 0.8rem;
	line-height: 100%;
	padding: 8px 25px 6px 25px;
	background: rgb(61,77,113);
	margin: 3px auto 2px;
	background: #5e6f95;
	display: inline-block;
	font-weight: 600;
	}

footer .footer-brand-stone strong{
	padding: 5px 20px 3px 20px;
	position: relative;
	left: -5px;
	}

.footer-in{
	max-width: 900px;
	display: flex;
	}

.footer-part{
	margin: 0 auto;
	border-left: 2px solid #a7bed3;
	flex-grow: 1;
	}

.footer-part-in{
	padding: 5px 5px 10px 6px;
	font-size: 0.7rem;
	line-height: 160%;
	color: white;
	}

.footer-brand .footer-part-in span,
.footer-stone .footer-part-in span{
	display: block;
	}

.footer-brand{
	/*min-width: 200px;*/
	}

.footer-brand-stone{
	padding-top: 10px;
	display: none;
	}

.footer-whatsapp{
	display: inline-block;
	background-image: url(/images/footer/whatsapp.png);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	text-decoration: none;
	background-color: #52b432;
	border-radius: 6px;
	font-size: 0.55rem;
	font-weight: 500;
	margin-left: 10px;
	line-height: 100%;
	width: 71px;
	}

.footer-whatsapp span{
	display: inline-block;
	padding: 5px 6px 4px 21px;
	}

.footer-expres{
	width: 130px;
	text-align: left;
	}

.footer-contact-part{
	padding: 0 0 11px;
	}

.footer-contact-fullname i{
	font-size: 0.65rem;
	}

.footer-contact-fullname u{
	text-decoration: none;
	}

.footer-contact-full{
	padding-top: 2px;
	}

.footer-contact-fullname-stone{
	padding-bottom: 2px;
	}

/*
.footer-space{
	height: 10px;
	background: red;
	}
*/