body {
    color: #5a5a5a;
}

html {
    scroll-behavior: smooth;
}

.whatsappLink {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index:10;
}

.whatsappButton {
    height:80px;
}

.alert>a {
    color: #00f;
}

.smoothScrollTop {
	color: #5a5a5a;
}

.contactTitle {
    background: #eee;
    border: 1px solid #ddd;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.5);
}

/* Corrige distorção de proporção: img com width/height fixos (CLS) dentro de
   .carousel-item usa w-100 (só largura), então a altura precisa ficar auto
   para manter a proporção real da imagem em vez de travar no atributo HTML. */
.carousel-item img[width][height] {
    height: auto;
}

iframe, object, embed {
    max-width: 100%;
}

.img-rounded {
    border-radius: 20px;
    border: 1px solid #013BCF;
}

.navbar {
	background: linear-gradient(#006aff, #013bcf) repeat scroll 0 0 transparent;
    position: static;
}

.navbar-brand {
    font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
    overflow: hidden;
}


.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    font-weight: bold; 
    transition: font-weight 1s ease;
    color: #0052E6;
    transition: color 1s ease;
    background-color: white;
    transition: background-color 1s ease;
}

.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.6);
}

.marketing {
    text-align: center;
}

@media (min-width: 0px) {
    .carousel-caption h2 { font-size: 1.25rem; }
}
@media (min-width: 576px) {
    .carousel-caption h2 { font-size: 1.25rem; }
}

@media (min-width: 768px) {
    .carousel-caption h2 { font-size: 1.5rem; }
}

@media (min-width: 992px) {
    .carousel-caption h2 { font-size: 1.75rem; }
}

@media (min-width: 1200px) {
    .carousel-caption h2 { font-size: 2rem; }
}