/*MEDIA QUERIES*/
@media (min-width : 992px) and (max-width : 1200px) {
    h2.article-title {font-size: 30px;}
    .circle a {font-size: 28px;}
    .jumbowhite h3 {font-size: 20px;}
    
}
@media (min-width : 768px) and (max-width : 1200px) {
    .jumbotext p {font-size: 14px;}
}
@media (max-width: 991px) {
    #head .lead {font-size: 32px;}
    .footer2 .widget-body {font-size: 12px;}
    .maincontent h2 {font-size: 20px;}
    h2.side-title {margin-bottom: 20px;}
    .navbar a.navbar-brand {width: 150px; font-size: 24px;}
    .naviga ul li {margin: 0 20px 0 0;}
    .jumbo1 {margin: 50px 0 0 0; padding-top: 40px;}
    .circle {padding: 0 15px 40px;}
}
@media (min-width : 768px) and (max-width : 991px) {
    #head .tagline {font-size: 16px;}
    .circle a {font-size: 24px;}
    .jumbowhite h3 {font-size: 18px;}
}
@media screen and (max-width: 767px) {
    body {padding-top: 0px;}
    .footer2 .widget-body i {float: left; margin: 20px 32px 0 0;}
    .main-title h1 {font-size: 24px; line-height: 30px; padding: 17px 0;}
    #head-title {padding-top: 0px;}
    #menu {display: none;}
    .slicknav_menu {display: block;}
    .mobilelogo {margin: 8px 0 0 15px; width: 140px; color: #fff; font-size: 24px; font-weight: 300; float: left;}
    #head-xs {padding-top: 40px;}
    .navbar {display: none;}
    .jumbo1 {margin: 30px 0 0 0;}
    .circle a {height: 40px; padding: 0; border-radius: 20px; font-size: 20px; line-height: 36px;}
    #map_canvas {margin-top: 0;}
    .form dd input#btnSend {margin-bottom: 40px;}
}
@media (min-width : 480px) and (max-width : 767px) {
     h2.article-title {font-size: 30px;} 
}
@media (max-width : 479px) {
    .jumbotron .col-xs-6 {width: 100%;}
    h2.article-title {font-size: 30px;}
    .article-text p {font-size: 14px;}
}
@media (max-width : 320px) {
    h2.article-title {font-size: 24px;}
    .article-text p {font-size: 14px;}
    .jumbowhite h3 {font-size: 16px;}
    .jumbotron p {font-size: 14px; line-height: 20px;}
    .jumbotext {margin: 20px 0;}
    .btn-default {font-size: 14px;}
}