*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
html 
{
    scroll-behavior: smooth;
}
body 
{
    font-family: 'Titillium Web', sans-serif;
}
span,h1,h2,h3,p{
    font-family: 'Open Sans', sans-serif;
}
h1 
{
    font-size: 3.2em;
    line-height: 1.1;
}

h2 
{
    font-size: 3.1em;
    line-height: 1.5;
    font-weight: 400;
}
h2.subtitulo {
	font-family: 'Titillium Web', sans-serif;
	font-size: 60px;
	line-height: 75%;
}

h3 {
	font-size: 2.2em;
    line-height: 1.5;
    font-weight: 600;
}
a.link {
	color: #000; /* #45d7c4 */
    text-decoration: none;
    font-weight: 600;
}
a.link:hover {
	color: #25ab99;
    text-decoration: none;
}
a.link i.fa {
	font-size: 20px !important;
}
p {
  font-size: 1.2em;
  font-weight: 300;
}
footer p 
{
    font-size: 0.9em;
}
.text-decoration-none 
{
    text-decoration: none;
}

.container 
{
    padding: 0;
    margin: 0 auto;
    max-width: 4064px !important;
}
header 
{
    font-size:0.8em;
}
.bg-primary 
{
    background-color: #45d7c4 !important;
}
.btn-primary 
{
    background-color: #38c5b3 !important;
    border: solid 1px #38c5b3 !important;
}
.btn-primary:hover 
{
    background-color: #25ab99 !important;
    border: solid 1px #25ab99 !important;
}
.text-primary 
{
    color: #45d7c4 !important;
}

.fa-bars:hover
{
    background-color: rgba(0,0,0,0.39) !important;
}

.navbar-toggler:focus{
  box-shadow: unset !important;
}

.navbar-brand > img:hover
{
    filter:opacity(0.4);
}
.btn-default 
{
    background-color: #eaeaeaea !important;
    font-weight: 400;
}
.btn-default:hover 
{
    background-color: #e6e6e6 !important;
}
.border-default 
{
    border-color: #eaeaeaea !important;
}
input,textarea 
{
   color: #878787 !important;
   padding: 4px !important;
}
input:focus,textarea 
{
    box-shadow: none !important;
    border:none;
    padding: 4px !important;
}
.bg-secondary
{
    background-color: #8c8c8c !important;
}
footer a:hover
{
    text-decoration: underline !important;
}
footer i:hover 
{
    background-color: #27b7a5 !important;
}
.text-right 
{
    text-align: right;
}
.mt-10 
    {
    margin-top: 10em !important;
    }
.mb-10 
    {
        margin-bottom: 10em !important;
    }

.text-grey 
{
    color: #464133 !important;
}
.form-control:focus 
{
    border: 1px solid #ced4da !important;
}
.navbar-collapse
{
    transition: all 0.3s linear;
}

.nav-link:hover,.active, header i:hover
{
    background-color: #25ab99 !important;
    border-radius: 5px;
}
.py-xs-4
{
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}

.g-recaptcha {
   display: inline-block;
}

@media (min-width:576px)
{
    h1 
    {
        font-size: 4em
    }
    h2 
    {
        font-size: 3.3em
        }   
        .py-6
        {
            padding-top: 6em !important;
            padding-bottom: 6em !important;
        } 
}

@media (min-width:768px)
{
    h1 
    {
        font-size: 3em;
    }
    h2 
    {
        font-size: 2.5em;
    }
    .photos img 
    {
        width: 100%;
    }
    .text-md-right 
    {
        text-align: right;
    }
    .py-md-8
    {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
    }
    .mb-md-10
    {
        margin-bottom: 10em !important;
    }
}
@media (min-width:992px)
{
.px-lg-8
    {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    h1 
    {
        font-size: 4em;
    }
    h2 
    {
        font-size: 3em;
    }
    .photos img 
    {
        width: unset;
    }
    .nav-link:hover,.active , header i:hover
    {
        background-color: #000 !important;
    }
    
} 

@media (min-width:1200px)
{
    .px-xl-7 
    {
        padding-left: 7rem !important;
        padding-right: 7rem !important;  
    }
    .px-xl-8 
    {
        padding-left: 8rem !important;
        padding-right: 8rem !important;  
    }
    .px-xl-6 
    {
        padding-left: 6rem !important;
        padding-right: 6rem !important;  
    }
}