body {

  font-family: 'Bai Jamjuree', sans-serif;
  color:#fff;
  font-size: 1.2rem;
   background: #122C3E;
}

.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.main{
    background-image: url(assets/img/bk.jpg);
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
    margin-top: -100px;
    padding-top: 15%;
    padding-bottom:25%;
}

h1{
    font-family: 'Bai Jamjuree', sans-serif; 
    font-size: 3rem;
    font-weight: bold;
    color:#fff;
}
h3{
    font-family: 'Bai Jamjuree', sans-serif; 
    font-size: 2rem;
    font-weight: bold;
    color:#fff;
}

.lead {
    font-size: 1.4rem;
    font-weight: 300;
}

.colunas-topo{padding: 0 5% 0 10%;}
.colunas-topo-1{padding: 0 10% 0 18%;}

.spacer-big{
    height:250px;
    width:100%; 
    display:block;
}
.spacer-small{
    height:160px;
    width:100%; 
    display:block;
}
.spacer50{
    height:50px;
    width:100%; 
    display:block;
}
.spacer20{
    height:20px;
    width:100%; 
    display:block;
}
            
.nav-link{ color:#fff!important; }
.center{text-align:center;}
.dir{text-align:right;}
.esq{text-align:left;}

navbar.black ul {
      background: #000;
}

.cenas {
    padding: 1% 1.2%;
    border-radius: 10px;
    opacity: 1;
}
.cenas.black {
    background: #122C3E;
    opacity: 0.8;
}
.call_to {
    background-image: url(assets/img/call_to_action.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15% 0% 15% 18%;
    background-position: right center;
}

.testemunhos{
    padding:6% 0;
    min-height: 585px;
}

.testemunhos_img{
        border-radius: 50%;
        width:128px;
}
.testemunho_card{
    margin:0 auto;
    text-align:center;
}

.testemunhos p{ font-size: 0.9rem;}
.testemunhos a { color:#fff; font-weight:lighter; font-size:1rem;}
.testemunhos h4{ font-size:1.2rem; }

.footer{
    background: #122C3E;
    color:#fff;
    padding:6%;
}
.credits{
     background: #122C3E;
    color:#fff;
    font-size: .8rem;
    padding-bottom:10px;
}
.cor{
    background: #122C3E;
    border:none;
}
.social-list{
    border-radius:10rem!important;
    margin-right: 3%;
    background: #fff;
    color:#122C3E;
}
.social-list > li > a{
     color:#122C3E!important;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 2% 4%;
    background-color: #fff;
    border: none;
}
.fab, .far {
    font-weight: 400;
    color: #122C3E;
}



.cor2{
    background:#1d4663;
}

.modal-content{
    background:#122C3E;
    color:#fff;
}

.input-group {
    margin-bottom:16px;
}
.close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
}
.modal-body {
    padding:2.5rem;
}



@media only screen and (min-width: 751px) {
.desktop{visibility:visible;}
.mobile{visibility:hidden; display:none;}

}







@media only screen and (max-width: 750px) {
    
    body {
  font-family: 'Bai Jamjuree', sans-serif;
  color:#fff;
  font-size: 1rem;
   line-height: 1.4rem;
}
    
.desktop{visibility:hidden; display:none;}

.mobile{
visibility:visible;
padding: 10px;
margin-right: -30px;
margin-left: -30px;
width: auto;
    
}

.navbar-light .navbar-brand {
    color: #fff;
}
.navbar-toggler{background:#fff; opacity:.8;}

    
h1{font-size:2rem;}
.h2, h2 {
    font-size: 1.3rem;
}
h3{font-size:1.2rem;}
    
.spacer-big {
    height: 100px;
    width: 100%;
    display: block;
}
.colunas-topo, .colunas-topo-1{ width:100%; padding:0;}

.caixa{
        width:100%;
        padding:5% 2%;
        display:block;
}

.lead {
    font-size: 1.1rem;
    font-weight: 300;
}

.main {
    background-image: url(assets/img/bk.jpg);
    background-size: 94%;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 36%;
    padding-bottom: 25%;
    margin-top:0;
}
.testemunhos {
    padding: 7%;
    min-height: 450px;
}
.call_to {
    background-size: 140%;
    padding: 12% 10%;
    background-position: top right;
    text-align: right;
}
 .row{ 
        display:block; 
        width:100%;
        margin:0;
    }
.col {
    max-width: 100%;
    padding: 18px 0;
}

.cor2{
    background:#1d4663;
}

.modal-content{
    background:#122C3E;
    color:#fff;
}



}