html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    font-family: 'Lato', sans-serif;
}

h1 {
    margin-bottom: 40px;
}

label {
    color: #333;
}

.btn-send {
    font-weight   : 300;
    letter-spacing: 0.2em;
    margin-bottom : 20px;
    text-transform: uppercase;
}

.help-block.with-errors {
    color     : #ff5050;
    margin-top: 5px;
}

/* WHATSAPP */
.whatsapp {
    background-color: #4dc247;
    border-radius   : 50px;
    bottom          : 20px;
    box-shadow      : 2px 2px 6px rgba(0, 0, 0, 0.4);
    color           : #FFF !important;
    font-size       : 30px;
    height          : 50px;
    position        : fixed;
    right           : 20px;
    text-align      : center;
    width           : 50px;
    z-index         : 100;
}

.whatsapp-icon {
    font-size: 33px;
}

.whatsapp:hover,
.whatsapp:focus {
    box-shadow: none;
    opacity   : 0.8;
}

/* LOGO */

.TG__logo {
    height: 2rem;
}

@media (max-width: 991px) {
    #mainNav .navbar-brand{
        width: 100%;
    }
    .TG__logo{
        margin: 0 auto;
        display: block;
    }
}
/* TEXT */
.text-color-accent {
    color     : #2937f0;
}
.text-color-verde {
    color     : #76ffb8;
}

/* BTN CTA */
.btn-cta{
    padding: 10px 30px;
}

@media (min-width: 992px) {
    .btn-cta{
        display: none;
    }
}
/* LINKS */
a{
    text-decoration: none;
    color: #2937f0;
}
/* FORM */
#contact-form{
    border: 1px solid #a15aef;
    padding: 2rem 1.5rem;
    border-radius: 2rem;
}
.form-group {
    margin-bottom: 18px;
}

.form-group input.form-control,
.form-group textarea.form-control {
    background-color: #f5f8fa;
    border-radius   : 15px;
}

.form-group textarea {
    resize: none;
}

.btn.btn-send {
    background-color     : #ff7a59;
    border-color         : #ff7a59;
    -webkit-border-radius: 15px;
    -moz-border-radius   : 15px;
    border-radius        : 15px;
    cursor               : pointer;
    display              : inline-block;
    font-family          : arial, helvetica, sans-serif;
    font-size            : 14px;
    font-weight          : 700;
    letter-spacing       : inherit;
    line-height          : 12px;
    padding              : 12px 24px;
    position             : relative;
    text-align           : center;
    text-transform       : unset;
    transition           : all .15s linear;
}

/* DEMO */
.demo-block {
    padding: 20px;
}

.demo-block>a {
    box-shadow: 14px 7px 10px #00000040;
    display   : block;
}

/* ANIMATIONS */

.masthead .masthead-device-mockup .shape-1,
.features-device-mockup .shape-1 {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}

/* NAVBAR */
@media (max-width: 991px){
    .masthead {
        padding-bottom: 0;
    }
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
}

.head-container{
    align-items: flex-start; /*center*/
}
.head-container .main-image{
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

@media (max-width: 991px){
    .head-container .main-image{
        max-width: 95%;
    }
}