
/* ----- Fuentes ----- */

@font-face {
	font-family: 'Conv_Felipa-Regular';
	src: url('fonts/Felipa-Regular.eot');
	src: local('☺'), url('fonts/Felipa-Regular.woff') format('woff'), url('fonts/Felipa-Regular.ttf') format('truetype'), url('fonts/Felipa-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Calibri';
	src: url('fonts/Calibri.eot');
	src: local('☺'), url('fonts/Calibri.woff') format('woff'), url('fonts/Calibri.ttf') format('truetype'), url('fonts/Calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Cambria';
	src: url('fonts/Cambria.eot');
	src: local('☺'), url('fonts/Cambria.woff') format('woff'), url('fonts/Cambria.ttf') format('truetype'), url('fonts/Cambria.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ----- General ----- */

body {
    font-size: 7vw;
    color: white;
	font-family: 'Conv_Cambria';
}

em {
    font-size: 8vw;
}

button.btn {
    font-size: 6vw;
	font-family: 'Conv_Calibri';
}

div.app-content {
    background: url(../img/tapiz.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* ---- Navbar ----- */

div.navbar-absolute-top div.btn-navbar {
    color: black;
    font-size: 20px;
    text-transform: none;
	font-family: 'Conv_Felipa-Regular';
}

div.navbar-absolute-top div.btn-navbar img {
    height: 40px;
}

div.navbar-absolute-bottom div.navbar-brand a {
    color: black;
    font-size: 15px;
    font-style: italic;
}

/* ----- Contenido ----- */

div.texto {
    margin: 10px 0;
}

div.boton {
    margin-bottom: 15px;
}

div.boton button {
    width: 50%;
    white-space: normal;
}

div.logotipo {
    margin: 30px 10%;
    padding-top: 30px;
}

div.intro div.logotipo {
    margin: 10px 1%;
    padding-top: 30px;
}

div.intro div.flor {
    padding: 7%; 
}

div.intro div.boton {
    padding-top: 14%;
    text-align: left;
}

div.intro div.texto {
    position: absolute;
    left: 0;
    bottom: 20%;
}

div.intro div.logotipo {
    margin-top: 20px;
    position: relative;
}

div.intro i {
    color: #00b;
}
