/* ---------------------------------------------------
    FONT ELEMENTS
----------------------------------------------------- */

html, body {
	color: #222;
	font-family: 'Poppins',Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h1, h2, h3 {
	margin-bottom: 0;
}

h1 {
	font-family: 'Poppins',Helvetica, Arial, sans-serif;
	font-weight: 900;
}
h2 {
	font-family: 'Poppins',Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h3 {
	font-family: 'Poppins',Helvetica, Arial, sans-serif;
	font-weight: 600;
}
h4 {
	font-family: 'Poppins',Helvetica, Arial, sans-serif;
	font-weight: 300;
}

p {
	font-family: 'Poppins',Helvetica, Arial, sans-serif;
	font-weight: 400 !important;
}
p.small {
	font-size: .9em;
}

.fw300 {
	font-weight: 300 !important
}
.fw400 {
	font-weight: 400 !important
}
.fw500 {
	font-weight: 500 !important
}
.fw600 {
	font-weight: 600 !important
}


section.logobar .fix{
    height: 60px !important;	
}

section.logobar .fix.logo {
	height: 50px !important;
}

strong	{
	font-weight: 700 !important;
}



/* ---------------------------------------------------
    BUTTONS
----------------------------------------------------- */
.btn.btn-general {
	background-color: #353944;
	color: #fff !important;
	transition: ease-in-out .2s;
	border: none;
	border-radius: 0;
	border: solid 2px black;
}

.btn.btn-general:hover {
	background-color: white;
	color: black !important;	
}

.btn.btn-general-inverted {
	background-color: white;
	color: black;
	transition: ease-in-out .2s;
	border: none;
	border-radius: 0;
	border: solid 2px black;
}

.btn.btn-general-inverted:hover {
	background-color: #353944;
	color: white;	
}



/* ---------------------------------------------------
    A AND LISTS
----------------------------------------------------- */

a {
	outline: none;
	transition: .2s ease-in-out all;
}

li {
	list-style: none;
	text-decoration: none;
}

ul li a {
	list-style: none;
	text-decoration: none;
}

li a {
	list-style: none;
	text-decoration: none;
}

li:hover {
	list-style: none;
	text-decoration: none;
}

ul li a:hover {
	list-style: none;
	text-decoration: none;
}

li a:hover {
	list-style: none;
	text-decoration: none;
}



/* ---------------------------------------------------
    CARDS
----------------------------------------------------- */

.general-card {}

.general-card .card-image {
}
.general-card img {
}
.general-card .card-title {
	min-height: 30px;
}
section.general-card .card-information {
	line-height: 1.4rem;
	min-height: 90px;
	width: 100%;
}
section.general-card .card-button {
	width: 100%;
}
.btn.card-btn {
    color: #124;
    border: 1px solid #124;
    border-radius: 0;
    font-size: 1em;
}

.btn.card-btn:hover {
	color: #fff;
	background-color: #124;
    border: 1px solid #124;
}

/* ---------------------------------------------------
    Media
----------------------------------------------------- */

header section.media h1 {
    font-size: 6.5em;
    font-weight: 700;
    letter-spacing: -.025em;
}

header section.media h2 {
   font-size: 3em;
    font-weight: 700;
    letter-spacing: -.025em;
}

header section.media button {
	background-color: white;
	color: black;
	transition: ease-in-out .2s;
}

header section.media button:hover {
	background-color: #353944;
	color: white;
}

/* ---------------------------------------------------
    Alinea
----------------------------------------------------- */

.alinea h1{
	font-size: calc(1em + 1.512vw);
}

.alinea h2 {
	font-size: calc(0.95em + 0.972vw);
}

.alinea h3 {
	font-size: calc(0.90em + 0.575vw);
}

.alinea a {
	list-style: none;
	text-decoration: none;
	font-weight: 400;
	color: black;
}

.alinea a:hover {
	color: grey;
}

.btn.alinea-btn {
    color: #124;
    border: 1px solid #124;
    border-radius: 0;
    font-size: 1em;
}

.btn.alinea-btn:hover {
	color: #fff;
	background-color: #124;
    border: 1px solid #124;
}

/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */

/* ---------------------------------------------------
   FOOTER-MAIN
----------------------------------------------------- */
footer section.footy-main {
	background-color: #f6f6f6;
}

footer section.footy-main hr {
	background-color: #399ed9 !important;	
}

footer section.footy-main p {
	font-size: 0.9rem;
	color: #787878;
}

footer section.footy-main p a:hover{
	color: #868e96 !important;
}

footer section.footy-main h2 {
	color: #222;
	font-size: 1rem;
	font-weight: 300;
}

footer section.footy-main ul{
	min-height: 100px;
	padding: 0;
} 

footer section.footy-main li{
	color: #787878;
} 

footer section.footy-main li a{
 	font-size: 1em;
 	color: #787878;
} 

footer section.footy-main li a:hover{
	color: #868e96;
} 


/* ---------------------------------------------------
   FOOTER-BOTTOM
----------------------------------------------------- */
footer section.footy-bottom {
	background-color: #f6f6f6;
}


footer section.footy-bottom ul {
	display: flex;
} 

footer section.footy-bottom li i {
	font-size: 1.5rem;
	color: black;	
} 

footer section.footy-bottom li a {
	font-size: 0.8rem;
	color: #787878;
}