@font-face {
	font-family: 'Manrope';
	src: url(../fonts/Manrope.ttf);
}

body {
    background:#ac49bc;
    color:#fff;
    font-family:'Manrope','Open Sans',sans-serif;
    font-size:18px;
    letter-spacing:2px;
    margin:0;
    -webkit-tap-highlight-color: transparent
}

img {
    border-radius:50%
}

.logo {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:5%;
    height:auto;
    max-width:100px
}

.viamarte {
    text-align:center;
    padding:10px;
    font-size:20px;
    font-weight:700
}

.links {
    text-align:center;
    margin-top:20px;
    padding:20px;
    border:1px solid #fff;
    border-width:2px;
    max-width:300px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    border-radius:40px;
    font-weight: 500
}

a {
    text-decoration:none;
    color:#fff;
    transition:all 1s
}

a.links:hover {
    color:#ac49bc;
    background:#fff
}

#rodape {
    padding:25px 0 20px 0
}

#rodape .menu-redes {
    margin:0;
    padding:0;
    list-style:none;
    text-align:center;
    letter-spacing: 0
}

#rodape .menu-redes li {
    display:inline-block;
    margin:0 10px
}

#rodape .menu-redes li a {
    text-decoration:none
}

#rodape .menu-redes li a i {
    font-size:34px
}

#rodape .menu-redes li a svg {
    height:31px;
    border-radius:0;
    vertical-align:bottom;
    fill:#fff;
    margin:0 0 2px 0
}

#rodape .copyright {
    text-align:center;
    font-size:18px;
    letter-spacing: 1.5px;
    margin:6px 0 0 0
}

#banner-local,
div#banner-homolog {
    padding: 6px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}

#banner-local span,
#banner-homolog span {
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
}

#banner-local {
    background-color: #600000;
}

#banner-homolog {
    background-color: #FF0000;
}

@media (min-width:760px) {
    .logo {
        margin-top:35px
    }

    #rodape .copyright {
        margin: 4px 0 0 0
    }
}

@media screen and (max-width: 370px) {
    #rodape .menu-redes li {
        margin: 10px 6px 6px 6px;
    }
}

@media screen and (max-width: 320px) {
    #rodape .menu-redes li a i {
        font-size: 28px;
    }

    #rodape .menu-redes li a i {
        font-size: 28px;
    }

    #rodape .menu-redes li a svg {
        height: 28px;
    }

    #rodape .copyright {
        margin: 2px 0 0 0
    }
}

@media (max-width: 290px) {
    #rodape .copyright {
        font-size: 16px
    }

    #rodape .menu-redes li {
        margin: 10px 6px 2px 6px;
    }
}