/* ==========================================================================
DEFAULT
========================================================================== */
html {
    background-color: #000;
}

body {
    background-color: transparent;
    color: #444;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.625;
}

a {
    color: #1b4e6d;
}

a:focus,
a:hover {
    color: #2D82B6;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #777;
    line-height: 1.425;
    margin: 1.225em 0 1.225em;
}

h1 {
    font-size: 1.25em;
    margin: 0 0 1.225em;
}

h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin: 0 0 1.225em;
}

h3:first-of-type {
    margin: 0 0 1.225em;
}

h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
}

h1 small,
h2 small,
h3 small,
h4 small {
    font-size: 75%;
}

p {
    font-size: 1.125em;
    margin: 0 0 1em;
    text-align: justify;
}

p:last-child {
    margin: 0;
}

p a {
    border-bottom: 1px solid #1b4e6d;
    color: #2D82B6;
    text-shadow: none;
}

p a:focus,
p a:hover {
    background-color: rgba(27,78,109, .8);
    border-color: #2D82B6;
    color: #FFF;
}

hr {
    border-top: 1px solid #E7E7E7;
    margin-bottom: 1.625em;
    margin-top: 1.625em;
}

label {
    color: #1b4e6d;
    text-transform: uppercase;
}

.form-control {
    background-color: #F7F7F7;
    border: 0;
    border-bottom: 2px solid #1b4e6d;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #2D82B6;
    height: auto;
    line-height: 1.65;
    padding: 8px 12px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.form-control:focus {
    background-color: rgba(13,39,54, .2);
    border-color: #2D82B6;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    outline: 0;
}

.help-block {
    color: #444;
    font-weight: 300;
    text-transform: uppercase;
}

.btn {
    border-radius: 0;
    border: 2.5px solid transparent;
    font-weight: 300;
    letter-spacing: 1px;
    white-space: normal;
}

.btn-default {
    background-color: #1b4e6d;
    border: 0;
    border-bottom: 2.5px solid #2D82B6;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
    color: #FFF;
    text-transform: uppercase;
}

.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    background-color: #2D82B6;
    border-color: #2D82B6;
    color: #FFF;
}

/* ==========================================================================
LAYOUT BASICS
========================================================================== */
.container {
    max-width: 780px;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.flat {
    border-radius: 0 !important;
}

.section {
    background-color: #FFF;
    padding: 40px 0;
}

.btn-to-top {
    background-color: #2D82B6;
    color: #FFF;
    bottom: 0;
    border-radius: 0;
    opacity: 0;
    padding: 4px 8px;
    position: fixed;
    right: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 15;
}

.btn-to-top.show {
    opacity: .9;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.btn-to-top:focus,
.btn-to-top:hover {
    color: #FFF;
    opacity: 1;
}

.title {
    color: #1b4e6d;
    font-weight: 300;
    text-transform: uppercase;
}

.title.color {
    color: #2D82B6;
    font-weight: 300;
}

.title small {
    text-transform: none;
}

.title .lnr {
    color: #2D82B6;
    float: right;
    margin-top: 4px;
}

.lead {
    font-size: 1.25em;
    font-weight: 300;
    text-align: left;
    text-transform: uppercase;
}

.visible-alt-logo {
    display: none !important;
}

/* ==========================================================================
HEADER
========================================================================== */
.header {
    background-color: rgba(255, 255, 255, .9);
    padding: 15px 0;
    position: absolute;
    -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
    transition: all .5s cubic-bezier(1, 0, 0, 1);
    width: 100%;
    z-index: 10;
}

.header .container {
    -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
    transition: all .5s cubic-bezier(1, 0, 0, 1);
}

.header.affix {
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    margin: 0;
    padding: 15px 0;
    position: fixed;
    top: 0;
}

.navbar {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    min-height: auto;
    -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
    transition: all .5s cubic-bezier(1, 0, 0, 1);
}

.navbar-brand {
    height: auto;
    padding: 0;
}

.navbar-brand .logo {
    max-height: 40px;
    -webkit-transition: all .5s cubic-bezier(1, 0, 0, 1);
    transition: all .5s cubic-bezier(1, 0, 0, 1);
}

.navbar-default .navbar-nav > li > a {
    background-color: transparent;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    outline: none;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #2D82B6;
}

.navbar-default .navbar-nav > li.dropdown > a {
    font-size: 16px;
}

.navbar-default .navbar-nav > li .dropdown-menu > li > a .lnr {
    color: #2D82B6;
    float: right;
    margin-top: 3px;
}

.navbar-default .navbar-collapse {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.affix .navbar-default .navbar-collapse {
    background-color: transparent;
}

.navbar-toggle {
    float: right;
    margin: 0;
    padding: 10px;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    border: none;
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #2D82B6;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.navbar-default .navbar-toggle .top-bar {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 90% 10%;
    transform-origin: 90% 10%;
}

.navbar-default .navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-default .navbar-toggle .bottom-bar {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 90% 90%;
    transform-origin: 90% 90%;
}

.navbar-default .navbar-toggle.collapsed .top-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.navbar-default .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-default .navbar-toggle.collapsed .bottom-bar {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

/* ==========================================================================
INDEX
========================================================================== */
.hero {
    position: relative;
}

.hero .box {
    background-color: rgba(255, 255, 255, .75);
    display: inline-block;
    left: 10%;
    max-width: 75%;
    padding: 1em 2em;
    position: absolute;
    top: 28vh;
}

.hero .box + .box {
    top: 50vh;
}

.hero .title {
    color: #2D82B6;
    font-weight: 400;
    margin: 0;
}

.hero .title small {
    display: block;
    font-weight: 300;
    text-align: right;
    text-transform: uppercase;
}

.hero .lead {
    color: #1b4e6d;
}

.hero .start {
    bottom: 0;
    color: #2D82B6;
    font-size: 32px;
    position: absolute;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
}

.hero-home {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-home.jpg);
    background-size: auto, cover;
    height: 100vh;
}

.hero-in {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-in.jpg);
    background-size: auto, cover;
    height: 100vh;
}

.hero-in.services {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-services.jpg) center;
    background-size: auto, cover;
}

.hero-in.experience {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-experience.jpg) center;
    background-size: auto, cover;
}

.hero-in.team {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-team.jpg) center;
    background-size: auto, cover;
}

.hero-in.news {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-news.jpg) center;
    background-size: auto, cover;
}

.hero-in.contact {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-in.jpg) center;
    background-size: auto, cover;
}

.hero-mid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/grid.png) fixed repeat, url(../img/bg-parallax.jpg) center 16%;
    background-size: auto, cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 26vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 10%;
}

.hero-mid .box {
    left: auto;
    position: static;
    top: auto;
}

.hero-in .box {
    top: 62%;
}

.hero-in + .hero-mid {
    border-bottom: 5px solid rgba(231, 231, 231, .4);
    border-top: 5px solid rgba(231, 231, 231, .4);
}

.hero-diff {
    height: 300px;
}

.parallax {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-in.jpg) center;
    background-size: auto, cover;
    border-bottom: 5px solid rgba(231, 231, 231, .4);
    border-top: 5px solid rgba(231, 231, 231, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 32vw;
    padding: 0 10%;
}

.parallax.diff {
    background: url(../img/grid.png) fixed repeat, url(../img/bg-parallax.jpg) top;
    background-size: auto, cover;
}

.parallax .box {
    background-color: rgba(255, 255, 255, .75);
    display: inline-block;
    margin: 6% 0;
    max-width: 80%;
    padding: 1em 2em;
}

.parallax .title {
    color: #2D82B6;
    font-weight: 400;
    margin: 0;
}

.social {
    background: #F7F7F7;
    padding: 40px 0 !important;
}

.social .title {
    color: #1b4e6d;
    margin-bottom: 1em;
    margin-top: 0;
}

.social .media {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    text-align: right;
}

.social .media li {
    display: inline-block;
    margin: 0 15px;
}

.social .color {
    color: #444;
    font-weight: 700;
    position: relative;
}

.social .color:after {
    background-color: #2D82B6;
    bottom: -4px;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    overflow: hidden;
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    width: 0;
}

.social .color:focus,
.social .color:hover {
    text-decoration: none;
    color: #2D82B6
}

.social .color:focus:after,
.social .color:hover:after {
    width: 110%
}

.social .color:focus.facebook,
.social .color:hover.facebook {
    color: #3B5998
}

.social .color:focus.facebook:after,
.social .color:hover.facebook:after {
    background: #3B5998
}

.social .color:focus.linkedin,
.social .color:hover.linkedin {
    color: #0077B5
}

.social .color:focus.linkedin:after,
.social .color:hover.linkedin:after {
    background: #0077B5
}

/* ==========================================================================
TEAM
========================================================================== */
.hero-team {
    border-bottom: 5px solid rgba(231, 231, 231, .4);
    border-top: 5px solid rgba(231, 231, 231, .4);
    height: 75vh;
}

.hero-team .box {
    bottom: 0;
    left: 5%;
    text-align: right;
    top: auto;
}

.hero-team .title {
    margin-bottom: 15px;
}

.clavio {
    background: url(../img/equipe/clavio-v.jpg) 45% -5px;
    background-size: cover;
}

.valeria {
    background: url(../img/equipe/valeria-v.jpg) 45% -5px;
    background-size: cover;
}

.isabela {
    background: url(../img/equipe/isabela-v.jpg) 45% -5px;
    background-size: cover;
}

.bianca {
    background: url(../img/equipe/bianca-v.jpg) 45% -5px;
    background-size: cover;
}

.roberta {
    background: url(../img/equipe/roberta-v.jpg) 45% -5px;
    background-size: cover;
}

.giulia {
    background: url(../img/equipe/giulia-v.jpg) 45% -5px;
    background-size: cover;
}

.fernanda {
    background: url(../img/equipe/fernanda-v.jpg) 45% -5px;
    background-size: cover;
}

.carolina {
    background: url(../img/equipe/carolina-v.jpg) 45% -5px;
    background-size: cover;
}

.mayara {
    background: url(../img/equipe/mayara-v.jpg) 45% -5px;
    background-size: cover;
}

.sep {
    color: #1b4e6d;
    margin: 0 10px;
}

.side-nav {
    position: fixed;
    right: 0;
    top: 42vh;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 5;
}

.side-nav a {
    cursor: pointer;
    display: block;
    padding: 15px;
}

.side-nav .dot {
    border-radius: 50%;
    border: 2px solid #2D82B6;
    display: block;
    height: 12px;
    text-decoration: none;
    -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
    transition: all .3s cubic-bezier(.23, 1, .32, 1);
    width: 12px;
}

.side-nav .nav-title {
    color: #2D82B6;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    margin-top: -18px;
    opacity: 0;
    padding: 6px 0;
    position: absolute;
    right: 10px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s cubic-bezier(.23, 1, .32, 1);
    transition: all .3s cubic-bezier(.23, 1, .32, 1);
    visibility: hidden;
    white-space: nowrap;
}

.side-nav a:focus .nav-title,
.side-nav a:hover .nav-title {
    opacity: 1;
    padding-right: 30px;
    visibility: visible;
    z-index: 10;
}

/* ==========================================================================
NEWS
========================================================================== */
.news .each,
.publications .each {
    margin-bottom: 30px;
}

.card {
    background-color: #F7F7F7;
    border-left: 5px solid #1b4e6d;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.card-img {
    min-height: 70px;
    overflow: hidden;
    position: relative;
}

.publications .card-img {
    height: 70px;
}

.card .date {
    background-color: rgba(0, 0, 0, .4);
    color: #FFF;
    font-weight: 300;
    padding: 7.5px 0;
    position: absolute;
    width: 60px;
    z-index: 1;
}

.card .date span {
    display: block;
    line-height: 1.25;
    text-align: center;
}

.card .date .day {
    font-size: 1.25em;
}

.card .date .month,
.card .date .year {
    font-size: 12px;
}

.card-img img {
    -webkit-transition: all 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 1.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.card-img:focus img,
.card-img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.card-block {
    padding: 15px;
}

.card-block .title {
    margin-bottom: 7.5px;
}

.card-block .subtitle {
    font-weight: 300;
    margin: 0;
    overflow-wrap: break-word;
    text-transform: uppercase;
}

.post-title {
    background-color: #F7F7F7;
    border-left: 5px solid #1b4e6d;
    padding: 15px;
}

.post-subtitle {
    border-bottom: 5px solid #DBDBDB;
    font-style: italic;
    padding: 15px 0;
    font-weight: 300;
}

.blockquote {
    margin-bottom: 1.225em;
    margin-left: 1.225em;
}

.blockquote p {
    font-style: italic;
}

.embed-responsive-item {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* ==========================================================================
SERVICES
EXPERIENCE
========================================================================== */
.services .container,
.experience .container {
    max-width: 1170px;
}

.experience ul {
    font-size: 1.125em;
    list-style: inside;
    margin-top: 1.225em;
    padding: 0;
    text-align: justify;
}

/* ==========================================================================
FOOTER
========================================================================== */
.footer {
    background: #484848;
    padding: 60px 0;
    text-align: center;
}

.footer .logo {
    display: block;
    margin-bottom: 30px;
}

.footer .logo img {
    margin: 0 auto;
    max-height: 55px;
}

.footer .copyright {
    color: #FFF;
    font-weight: 300;
    margin: 0;
    text-align: center;
}

.footer .credits {
    display: block;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-top: 30px;
    opacity: .75;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.footer .credits:focus,
.footer .credits:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.footer .eugenia img {
    max-height: 82px;
}

.footer .idealizza img {
    max-height: 36px;
}

/* ==========================================================================
ANIMATIONS
========================================================================== */
.delay-sm {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.delay-md {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.delay-lg {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
}

/* ==========================================================================
MEDIA QUERIES
========================================================================== */
@media (min-width: 480px) {
    h1 {
        font-size: 1.563em;
    }

    h2 {
        font-size: 1.25em;
    }

    h3,
    h4,
    h5,
    h6 {
        font-size: 1em;
    }

    .navbar-brand .logo {
        max-height: 50px;
    }

    .hero-team .box {
        bottom: 10vh;
    }
}

@media (max-width: 767px) {
    .block-xs {
        display: block;
    }
}

@media (min-width: 768px) {
    h1 {
        font-size: 1.953em;
    }

    h2 {
        font-size: 1.563em;
    }

    h3 {
        font-size: 1.25em;
    }

    h4,
    h5,
    h6 {
        font-size: 1em;
    }

    .header {
        padding: 30px 0;
    }

    .navbar-brand .logo {
        max-height: 60px;
    }

    .navbar-default .navbar-nav > li > a {
        padding: 20px;
    }

    .section {
        padding: 60px 0;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .hidden-alt-logo {
        display: none !important;
    }

    .visible-alt-logo {
        display: block !important;
    }
}

@media (min-width: 769px) {
    .hero-home {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-home.jpg) fixed;
        background-size: auto, cover;
    }

    .hero-in {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-in.jpg) fixed;
        background-size: auto, cover;
    }

    .parallax {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-in.jpg) center fixed;
        background-size: auto, cover;
    }

    .parallax .box {
        margin: 16% 0 0;
        max-width: 75%;
    }

    .hero-in.services {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-services.jpg) center fixed;
        background-size: auto, cover;
    }

    .hero-in.experience {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-experience.jpg) center fixed;
        background-size: auto, cover;
    }

    .hero-in.team {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-team.jpg) center fixed;
        background-size: auto, cover;
    }

    .hero-in.news {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-news.jpg) center fixed;
        background-size: auto, cover;
    }

    .hero-in.contact {
        background: url(../img/grid.png) fixed repeat, url(../img/bg-hero-in.jpg) center fixed;
        background-size: auto, cover;
    }

    .hero-team .box {
        bottom: 20vh;
        left: 10%;
        max-width: 65%;
    }

    .clavio {
        background: url(../img/equipe/clavio.jpg) fixed 34% 90px;
        background-size: cover;
    }

    .valeria {
        background: url(../img/equipe/valeria.jpg) fixed 38% 90px;
        background-size: cover;
    }

    .isabela {
        background: url(../img/equipe/isabela.jpg) fixed 40% 90px;
        background-size: cover;
    }

    .bianca {
        background: url(../img/equipe/bianca.jpg) fixed 35% 90px;
        background-size: cover;
    }

    .roberta {
        background: url(../img/equipe/roberta.jpg) fixed 40% 90px;
        background-size: cover;
    }

    .carolina {
        background: url(../img/equipe/carolina.jpg) fixed 40% 90px;
        background-size: cover;
    }
    .fernanda {
        background: url(../img/equipe/fernanda.jpg) fixed 40% 90px;
        background-size: cover;
    }
    .giulia {
        background: url(../img/equipe/giulia.jpg) fixed 40% 90px;
        background-size: cover;
    }
    .mayara {
        background: url(../img/equipe/mayara.jpg) fixed 40% 90px;
        background-size: cover;
    }
}

@media (min-width: 992px) {
    h1,
    h2 {
        font-size: 1.953em;
    }

    h3 {
        font-size: 1.563em;
    }

    h4 {
        font-size: 1.25em;
    }

    h5,
    h6 {
        font-size: 1em;
    }

    .section {
        padding: 80px 0;
    }

    .social .media li {
        margin: 0 30px;
    }

    .clavio {
        background-position: 26% 90px;
    }

    .valeria {
        background-position: 30% 90px;
    }

    .isabela {
        background-position: 30% 90px;
    }

    .bianca {
        background-position: 28% 90px;
    }

    .roberta {
        background-position: 32% 70px;
    }

    .carolina {
        background-position: 32% 70px;
    }

    .fernanda {
        background-position: 32% 70px;
    }

    .giulia {
        background-position: 32% 70px;
    }
    .mayara {
        background-position: 32% 70px;
    }
}

@media (min-width: 1200px) {
    .navbar-brand .logo {
        max-height: 70px;
    }

    .section {
        padding: 100px 0;
    }

    .clavio {
        background-position: 18% 90px;
    }

    .valeria {
        background-position: 24% 90px;
    }

    .isabela {
        background-position: 26% 90px;
    }

    .bianca {
        background-position: 18% 90px;
    }

    .roberta {
        background-position: 24% 70px;
    }
    
    .fernanda {
        background-position: 24% 70px;
    }
    .carolina {
        background-position: 24% 70px;
    }
    .giulia {
        background-position: 24% 70px;
    }
    .mayara {
        background-position: 24% 70px;
    }
}

@media (max-width: 600px)
{
    a.navbar-brand{
        max-width:80%;
    }
}

@media (min-width: 601px)
{
    a.navbar-brand{
        max-width: 75%;
    }
}