/*MEDIA QUERIES*/
@media (min-width:1200px) {
    
}
@media (min-width : 992px) and (max-width : 1200px) {
    h2.title-middle {font-size: 30px; margin-bottom: 34px;}
    h3.subtitle-banner {font-size: 24px;}
    .text-middle {font-size: 14px; margin-bottom: 20px;}
    .margin-left {padding: 35px 30px 0 0;}
    .margin-right {padding: 35px 0 0 0;}
    .text-middle {margin-bottom: 30px;}
    a .services {font-size: 14px; padding: 0 22px;}
}
@media (max-width: 991px) {
    .col-footer {margin-bottom: 40px;}
    .maincontent h2 {font-size: 24px; margin: 0 0 30px;}
    .navbar a.navbar-brand {width: 150px; font-size: 24px;}
    h2.title-upper, h2.title-index, h2.title-white {font-size: 30px; margin-bottom: 40px;}
    .center-black {font-size: 16px; line-height: 26px; margin-bottom: 34px;}
    .margin-left, .margin-right {margin-bottom: 44px;}
    .text-middle {margin-bottom: 30px;}
    .references p {font-size: 15px;}
}
@media (min-width : 768px) and (max-width : 991px) {
    #head {min-height: 380px;}
    .navbar-default {min-height: 60px;}
    .navbar a.navbar-brand {margin: 6px auto 0;}
    ul#menu {margin: 22px 0 0; font-size: 14px;}
    .naviga ul li {margin: 0 30px 0 0;}
    #head {}
    #head .lead {font-size: 50px;}
    #head .tagline {margin-bottom: 30px;}
    #head .tagline-text {font-size: 36px; padding: 0 28px 5px;}
    .btn-primary {font-size: 18px;}
    .btn-small {font-size: 12px; padding: 8px 12px;}
    .head-title {margin-top: 60px;}
    h3.subtitle-banner {font-size: 20px;}
    a .services {font-size: 12px; padding: 0 15px;}
    
}
@media screen and (max-width: 767px) {
    body {padding-top: 0px;}
    #head {min-height: 300px;}
    #head .lead-parent {top: 10%;}
    #head .lead {font-size: 32px; margin-bottom: 15px; line-height: 44px;}
    #head .tagline {margin-bottom: 30px;}
    #head .tagline-text {font-size: 24px; padding: 0 28px 5px;}
    .btn-primary {font-size: 16px;}
    .head-title {margin-top: 0;}
    .main-title h1 {font-size: 26px; line-height: 26px; padding: 4px 30px;}
    .margin-mq {margin-bottom: 60px;}
    .mobilelogo {margin: 3px 0 5px 15px; width: 140px; color: #fff; font-size: 24px;
                font-weight: 300; float: left;}
    p {font-size: 15px;}
    .block-img {margin-bottom: 40px;}
    
    #menu {display: none;}
    .slicknav_menu {display: block;}
    .navbar {display: none;}
    .btn-default {margin-bottom: 40px;}
}
@media (min-width : 480px) and (max-width : 767px) {
     h2.title-middle {font-size: 30px;} 
}
@media (max-width : 550px) {
    #head {min-height: 200px;}
    #head .tagline {margin-bottom: 30px;}
    #head .tagline-text {font-size: 20px; line-height: 24px;}
    .btn-primary {font-size: 12px;}
}
@media (max-width : 479px) {
    .jumbotron .col-xs-6 {width: 100%;}
    h2.title-middle, h3.subtitle-banner {font-size: 24px;}
    .article-text p {font-size: 14px;}
    #head .lead {font-size: 24px; margin-bottom: 15px; line-height: 36px;}
    #head .tagline {margin-bottom: 15px;}
    #head .tagline-text {font-size: 16px; line-height: 24px;}
}
@media (max-width : 320px) {
    h2.title-middle {font-size: 24px;}
    .article-text p {font-size: 14px;}
    .jumbotron p {font-size: 14px; line-height: 20px;}
    .jumbotext {margin: 20px 0;}
    .btn-default {font-size: 14px;}
}