/*MEDIA QUERIES*/
@media (min-width:1200px) {
    
}
@media (min-width : 992px) and (max-width : 1200px) {
    h2.title-middle {font-size: 30px; margin-bottom: 20px;}
    .text-middle {font-size: 14px; margin-bottom: 20px;}
    .margin-left, .margin-right {margin-top: 34px;}
    .navbar a.navbar-brand {width: 230px; margin: 36px auto 0;}
}
@media (max-width: 991px) {
    .col-footer {margin-bottom: 40px;}
    .maincontent h2 {font-size: 20px; margin: 0 0 20px;}
    .navbar a.navbar-brand {width: 170px; 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;}
    .btn {font-size: 20px; padding: 12px 34px;}
    .margin-left {margin-top: 44px; margin-bottom: 44px; padding-right: 15px;}
    .margin-right {margin-top: 44px; margin-bottom: 44px; padding-left: 15px;}
    
    #menu {display: none;}
    .slicknav_menu {display: block;}
    .mobilelogo {margin: 6px 0 0 15px; width: 150px; color: #fff; font-size: 24px; font-weight: 300; float: left;}
    .navbar {display: none;}
}
@media (min-width : 768px) and (max-width : 991px) {
    #head {min-height: 380px; padding-top: 120px;}
    .navbar-default {min-height: 60px;}
    .navbar a.navbar-brand {margin: 20px auto 0; height: 25px;}
    ul#menu {margin: 24px 0 0; font-size: 14px;}
    .naviga ul li {margin: 0 30px 0 0;}
    #head .lead {font-size: 50px; margin-bottom: 0;}
    #head .tagline {font-size: 30px; margin-bottom: 30px;}
    .jumbo1 {padding: 60px 0;}
    .btn-small {font-size: 12px; padding: 8px 12px;}
    .main-title h1 {font-size: 26px; line-height: 36px; padding: 17px 0;}
    .head-title {margin-top: 0px;}
}
@media screen and (max-width: 767px) {
    body {padding-top: 0px;}
    
    .main-title h1 {font-size: 24px; line-height: 34px; padding: 17px 0;}
    #head {min-height: 300px; padding-top: 60px;}
    #head .lead {font-size: 40px; margin-bottom: 0;}
    #head .tagline {font-size: 30px; margin-bottom: 30px;}
    .head-title {margin-top: 0;}
    
    
    
    #map_canvas {margin-top: 0;}
    .form dd input#btnSend {margin-bottom: 40px;}
    .double {font-size: 14px;}
    .sidebar {padding-top: 30px; background-color: #eee;}
}
@media (min-width : 480px) and (max-width : 767px) {
     h2.title-middle {font-size: 30px;} 
}
@media (max-width : 479px) {
    .jumbotron .col-xs-6 {width: 100%;}
    h2.title-middle {font-size: 30px;}
    .article-text p {font-size: 14px;}
    #head .lead {font-size: 30px; margin-bottom: 15px;}
    #head .tagline {font-size: 20px; margin-bottom: 40px;}
}
@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;}
}