@import "fonts/fonts.css";
/*@import "fonts/fontawesome/css/all.min.css";*/

body{ background: #fff;font-family: 'Gordita Regular', sans-serif; color:#000; text-align: center; text-transform: none; font-size: 30px; line-height: 1.5; margin: 0; padding: 0;}
.pageData { margin: 0 auto; max-width: 600px;}
h1 {font-family: 'Black Mango'; font-weight: 400; font-size:120px; font-style: normal; margin: 20px 0;}

a { color:#0938c6; text-decoration: none;}
ul { list-style: none; padding: 0; margin: 0;}
ul li { list-style: none; padding: 20px 0; margin: 0; display: flex;}
ul li a {  display: flex; align-items: center}
ul li a:hover {  font-weight: bold;}
ul li a img { width:90px; height: 80px; object-fit: contain; align-items: center;}
ul li:first-child a img { height: 100px;}
ul li span { text-align: left;align-items: center; padding: 10px 20px; } 
ul li a:hover span { color:#5cb209; background-color: #ffffff; transition: all ease-in-out; } 

@media screen and (max-width:767px) {
    h1 {font-size:70px;}
    .pageData { padding: 0 15px;}
    body { font-size: 18px;;}
    ul li a img { width:40px; height: 40px;}
    ul li:first-child a img { height: 60px;}
    ul li {  padding: 10px 0}
}
@media screen and (max-width:360px) {
    body { font-size: 16px;;} 
    h1 {font-size:50px;}
}