#about {
    margin: 30px 0;
}

section, footer {
    padding: 0;
}

/** HEADER **/
.navbar-header {
    display: flex;
    align-items: center;
}

body.cor-lead .custom-navbar .nav li a {
    border-bottom: 2px solid transparent;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}

body.cor-lead .custom-navbar .nav li a:hover {
    color: #9b221a !important;
    background-color: transparent !important;
    border-bottom: 2px solid #9b221a;
}

.custom-navbar .nav li a span {
    border-bottom: none !important;
}

.navbar-right li a:hover {
    cursor: default;
    border: 0 !important;
}

/** LINKS UTEIS **/
#about .col-md-8 ul {
    margin: 0 !important;
    padding: 0;
    display: grid;
}

#about .col-md-8 li {
    list-style: none;
    text-align: left;
}

#about .col-md-8 li a {
    padding: 10px 0;
    display: inline-block;
    position: relative;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}

#about .col-md-8 li a:after {
    content: '';
    position: absolute;
    background-color: #9b221a;
    left: 0;
    bottom: -3px;;
    width: 0;
    height: 2px;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}

#about .col-md-8 li a:hover:after {
    width: 100%;
}

/** LINKS UTEIS **/
#about .col-md-4 {
    margin: 50px 0;
}

#about .col-md-4 ul {
    margin: 0 !important;
    padding: 0;
}


#about .col-md-4 li {
    list-style: none;
}

#about .col-md-4 li a {
    display: block;
    border-bottom: 2px solid #9b221a;
    padding: 10px 5px;
    -webkit-transition: 0.5s ease-in;
    -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
    -ms-transition: 0.5s ease-in;
    transition: 0.5s ease-in;
}

#about .col-md-4 li a:hover {
    color: white;
    background: #9b221a;
}

/****** FOOTER *******/
.social-icon li a {
    padding: 5px 10px !important;
    border-radius: 5px !important;
}

.social-icon li a:hover {
    background: #9b221a !important;
    color: #ffffff !important;
}

/****** QUERIES ******/

/* PHONE */
@media (max-width: 599px) {
    .navbar-header {
        justify-content: space-between;
        margin: 0 !important;
    }

    #logo {
        text-align: left;
    }

    #logo img {
        max-width: 50%;
    }

    .custom-navbar .navbar-toggle {
        order: 2;
        margin: 0;
    }
}


/* IPAD PORTRAIT */
@media (min-width: 600px) {
    #top > section.navbar.custom-navbar > div > div.collapse.navbar-collapse > ul.nav.navbar-nav.navbar-nav-first {
        display: flex !important;
    }
    
    .collapse .navbar-collapse {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    nav .navbar-nav .navbar-nav-first {
        width: 100% !important;
        display: flex !important;
    }

    .navbar-nav>li {
        width: auto !important;
    }
}



/* IPAD PRO */
@media (min-width: 1024px) {
    /** HEADER **/
    .custom-navbar .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .custom-navbar .container .navbar-collapse {
        display: grid !important;
        align-items: center;
    }

    .navbar-nav-first {
        order: 2;
    }
}