@font-face {
    font-family: 'Cherione';
    src: url('CherioneBold.woff2') format('woff2'),
        url('CherioneBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arion Typeface Alt';
    src: url('ArionTypefaceAlt.woff2') format('woff2'),
        url('ArionTypefaceAlt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cherione';
    src: url('CherioneBold.woff2') format('woff2'),
        url('CherioneBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cherione Normal';
    src: url('CherioneNormal.woff2') format('woff2'),
        url('CherioneNormal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('MyriadPro-Regular.woff2') format('woff2'),
        url('MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cherione Normal';
    src: url('CherioneNormal.woff2') format('woff2'),
        url('CherioneNormal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: local('Avenir Book'), local('Avenir-Book'),
        url('Avenir-Book.woff2') format('woff2'),
        url('Avenir-Book.woff') format('woff'),
        url('Avenir-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

 body{
 	font-family: 'Avenir';
 }

a {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family: 'Cherione';
}

.font-cursiva {
	font-family: 'Arion Typeface Alt';
}

.font-normal {
	font-family: 'Avenir';
}

.btn-blog {
	font-family: 'Avenir';
	font-weight: 700;
	text-transform: uppercase;
}

.links-navbar {
	font-family: 'Cherione Normal';
}

.navbar {
	text-transform: uppercase;
}

.bg-blue-1 {
	background-color: #7079E5;
}

.bg-blue-2  {
	background-color: #CFD6FF;
}

.bg-aqua {
	background-color: #41BFB5;
}

.text-blue-1 {
	color: #1C129E;
}

.text-blue-2  {
	color: #7079E5;
}

.text-aqua {
	color: #41BFB5;
}

.bg-banner-home {
	width: 100%;
	height: auto;
	min-height: 800px;
	background-image: url(../images/bg-lines-banner-home.png), url(../images/sheyra-hinojosa-banner-home.png);
	background-size: cover, contain;
	background-position: center, left;
	z-index: 2, 1;
	background-repeat: no-repeat;
}

.bg-banner-home-2 {
	width: 100%;
	height: auto;
	min-height: 800px;
	background-image: url(../images/bg-lines-banner-home.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-banner-home-3 {
    width: 100%;
    height: auto;
    min-height: 1080px;
    background-image: url(../images/bg-banner-home-top-1.png);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
}

.bg-banner-acerca-de-mi {
	widows: 100%;
	height: auto;
	min-height: 800px;
	background-image: url(../images/bg-lines-banner-acerca-de-mi-sheyra.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-blog-inversiones {
    widows: 100%;
    height: auto;
    min-height: 400px;
    border: solid 15px white;
    background-image: url(../images/blog-inversiones.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-libertad-financiera {
    widows: 100%;
    height: auto;
    min-height: 400px;
    border: solid 15px white;
    background-image: url(../images/blog-libertad-financiera.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-liderazdo {
    widows: 100%;
    height: auto;
    min-height: 400px;
    border: solid 15px white;
    background-image: url(../images/blog-liderazgo.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-empoderamiento-mujer {
    widows: 100%;
    height: auto;
    min-height: 400px;
    border: solid 15px white;
    background-image: url(../images/blog-empoderamiento-de-la-mujer.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-inversiones-tema-1 {
    widows: 100%;
    height: auto;
    min-height: 300px;
    border-top: solid 5px #1C129E;
    background-image: url(../images/inversiones-blog-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-inversiones-tema-2 {
    widows: 100%;
    height: auto;
    min-height: 300px;
    border-top: solid 5px #1C129E;
    background-image: url(../images/inversiones-blog-2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-inversiones-tema-3 {
    widows: 100%;
    height: auto;
    min-height: 300px;
    border-top: solid 5px #1C129E;
    background-image: url(../images/inversiones-blog-3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-diferencia-entre-ahorro-e-inversion {
    widows: 100%;
    height: auto;
    min-height: 300px;
    border-top: solid 5px #1C129E;
    background-image: url(../images/blog-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-inversiones-tema-1-header {
    widows: 100%;
    height: auto;
    min-height: 300px;
    border-bottom: solid 5px #1C129E;
    background-image: url(../images/bg-blog-page.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bg-blog-diferencia-entre-ahorro-e-inversion-header {
    widows: 100%;
    height: auto;
    min-height: 300px;
    border-bottom: solid 5px #1C129E;
    background-image: url(../images/blog-1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.btn {
    border-radius: 50px;
}

.btn-blog:hover {
    background-color: #7079E5;
}
.foto-banner {
    height: 700px;
}

.cursiva-top {
    font-size: 70px;
    margin-top: -40px; 
    position: relative;
}

@media only screen and (max-width: 1396px) {
  .bg-banner-home-3 {
    width: 100%;
    height: auto;
    min-height: 800px;
    background-image: url(../images/bg-banner-home-top-1.png);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.foto-banner {
    height: 500px;
}

}

@media only screen and (max-width: 992px) {
  .bg-banner-home-3 {
    width: 100%;
    height: auto;
    min-height: 800px;
    background-image: url(../images/bg-banner-home-top-1.png);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
}
}

@media only screen and (max-width: 887px) {
  .bg-banner-home-3 {
    width: 100%;
    height: auto;
    min-height: 1080px;
    background-image: url(../images/bg-banner-home-top-1.png);
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;
}
}

@media only screen and (max-width: 623px) {
  .bg-banner-home-3 {
    width: 100%;
    height: auto;
    min-height: 400px;
    background-image: url(../images/bg-lines-banner-home.png), url(../images/sheyra-hinojosa-banner-home.png);
    background-size: cover, contain;
    background-position: left center, center top;
    z-index: 2, 1;
    background-repeat: no-repeat;
}
.foto-banner {
    height: 350px;
}

.cursiva-top {
    font-size: 50px;
    margin-top: -40px; 
    position: relative;
}
}