/* added due to fixed navbar   */          
body {
    padding-top: 108px;
    font-family:'Century Gothic';
  }

/* Set the font for the navbar  */        
.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 80px;
    font-family:'Century Gothic';
    font-size:1.1em;
    color:#000000!important;
    font-weight:bolder;

}

div.fullcol-con
{
    background: #E9322D;
}

h1 {
    font-family:'Century Gothic';
}
h2 {
    font-family:'Century Gothic';
}
h3 {
   font-family:'Century Gothic'; 
}

h4 {
   font-family:'Century Gothic'; 
}



/* Set the Mouse over on the nav bar hover */        
.navbar-nav > li > a:hover {
    color:#666666!important;
}

/* below overides the break point for toggle nav*/
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
     
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
      
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px; 
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-brand {
       min-height: 80px;
       }

    /* tidies the nav bar height when its toggled*/
   .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;}

   /*Sets the toggled top nav bars left padding*/
   .top-nav {
        padding-left:15px;

       
    }

   .next-z-index {
   padding-top:28px;
}

}
/* end of chang of breakpoint */

/* control of the top nav bar */
.top-nav > li > a {
    padding-top:0px !important; 
    padding-bottom:0 !important;
    height: 28px;
    vertical-align:top;
    line-height :28px;
    font-weight:normal;
    font-size: 0.9em; 
}
 
/* hover on top nav */
 .top-nav > li > a:hover {
   background-color: #ffffff !important;
   }

/* selected top nav item for tab*/
.top-nav-selected {
        background-color : #ffffff;
       }

/* resize of the nav bar */
.navbar {
    min-height:28px !important;
    border:0px;
  }


/* add to the top of the top nav bar to ensure it overlays the 2nd nav */
.top-z-index {
    z-index:2;
    overflow:hidden;
}

/* add to the 2nd nav to ensure it sits under the top nav */
.next-z-index {
    z-index:1;
    overflow:hidden;
}

/* Makes the buttons more Pill like */
.btn-radius {
    border-radius:20px;
    padding-left: 30px;
    padding-right:30px;
    font-family:'Century Gothic';
    padding-top:5px;
    padding-bottom:5px;
}

/* creation of a new Bootstrap button for Advisory */
.btn-advisory {
  color: #ffffff;
  background-color: #288b4f;
  border-color: #227744;
}
.btn-advisory:focus,
.btn-advisory.focus {
  color: #ffffff;
  background-color: #1d6338;
 
}

.btn-advisory:hover {
  color: #ffffff;
  background-color: #1d6338;
 
}

.btn-advosis
{
  color: #ffffff;
  background-color: #E9322D;
 
}

.btn-advosis:hover
{
  color: #ffffff;
  background-color: #A61511;
 
}

.btn-advisory:active,
.btn-advisory.active,
.open > .dropdown-toggle.btn-advisory
{
  color: #ffffff;
  background-color: #1d6338;
  
}
.btn-advisory:active:hover,
.btn-advisory.active:hover,
.open > .dropdown-toggle.btn-advisory:hover,
.btn-advisory:active:focus,
.btn-advisory.active:focus,
.open > .dropdown-toggle.btn-advisory:focus,
.btn-advisory:active.focus,
.btn-advisory.active.focus,
.open > .dropdown-toggle.btn-advisory.focus
{
  color: #ffffff;
  background-color: #154829;

}
.btn-advisory:active,
.btn-advisory.active,
.open > .dropdown-toggle.btn-advisory {
  background-image: none;
}
.btn-advisory.disabled:hover,
.btn-advisory[disabled]:hover,
fieldset[disabled] .btn-advisory:hover,
.btn-advisory.disabled:focus,
.btn-advisory[disabled]:focus,
fieldset[disabled] .btn-advisory:focus,
.btn-advisory.disabled.focus,
.btn-advisory[disabled].focus,
fieldset[disabled] .btn-advisory.focus {
  background-color: #288b4f;
 
}
.btn-advisory .badge {
  color: #288b4f;
  background-color: #ffffff;
}

/* creation of a new Bootstrap button for Individuals */
.btn-individual {
  color: #ffffff;
  background-color: #b6228a;
 
}
.btn-individual:focus,
.btn-individual.focus {
  color: #ffffff;
  background-color: #8b1a69;
  
}
.btn-individual:hover {
  color: #ffffff;
  background-color: #8b1a69;
 
}
.btn-individual:active,
.btn-individual.active,
.open > .dropdown-toggle.btn-individual {
  color: #ffffff;
  background-color: #8b1a69;
 
}
.btn-individual:active:hover,
.btn-individual.active:hover,
.open > .dropdown-toggle.btn-individual:hover,
.btn-individual:active:focus,
.btn-individual.active:focus,
.open > .dropdown-toggle.btn-individual:focus,
.btn-individual:active.focus,
.btn-individual.active.focus,
.open > .dropdown-toggle.btn-individual.focus {
  color: #ffffff;
  background-color: #6d1453;

}
.btn-individual:active,
.btn-individual.active,
.open > .dropdown-toggle.btn-individual {
  background-image: none;
}
.btn-individual.disabled:hover,
.btn-individual[disabled]:hover,
fieldset[disabled] .btn-individual:hover,
.btn-individual.disabled:focus,
.btn-individual[disabled]:focus,
fieldset[disabled] .btn-individual:focus,
.btn-individual.disabled.focus,
.btn-individual[disabled].focus,
fieldset[disabled] .btn-individual.focus {
  background-color: #b6228a;

}
.btn-individual .badge {
  color: #b6228a;
  background-color: #ffffff;
}

/* creation of a new Bootstrap button for Payroll*/
.btn-payroll {
  color: #ffffff;
  background-color: #0095da;
 
}
.btn-payroll:focus,
.btn-payroll.focus {
  color: #ffffff;
  background-color: #0073AA;
 
}
.btn-payroll:hover {
  color: #ffffff;
  background-color: #0073AA;
 
}
.btn-payroll:active,
.btn-payroll.active,
.open > .dropdown-toggle.btn-payroll {
  color: #ffffff;
  background-color: #0073AA;
 
}
.btn-payroll:active:hover,
.btn-payroll.active:hover,
.open > .dropdown-toggle.btn-payroll:hover,
.btn-payroll:active:focus,
.btn-payroll.active:focus,
.open > .dropdown-toggle.btn-payroll:focus,
.btn-payroll:active.focus,
.btn-payroll.active.focus,
.open > .dropdown-toggle.btn-payroll.focus {
  color: #ffffff;
  background-color: #154829;
  
}
.btn-payroll:active,
.btn-payroll.active,
.open > .dropdown-toggle.btn-payroll {
  background-image: none;
}
.btn-payroll.disabled:hover,
.btn-payroll[disabled]:hover,
fieldset[disabled] .btn-payroll:hover,
.btn-payroll.disabled:focus,
.btn-payroll[disabled]:focus,
fieldset[disabled] .btn-payroll:focus,
.btn-payroll.disabled.focus,
.btn-payroll[disabled].focus,
fieldset[disabled] .btn-payroll.focus {
  background-color: #0095da;
  
}
.btn-payroll .badge {
  color: #0095da;
  background-color: #ffffff;
}

/* creation of a new Bootstrap button for HR*/
.btn-hr {
  color: #ffffff;
  background-color: #dba425;
 
}
.btn-hr:focus,
.btn-hr.focus {
  color: #ffffff;
  background-color: #AB811D
 
}
.btn-hr:hover {
  color: #ffffff;
  background-color: #AB811D
 
}
.btn-hr:active,
.btn-hr.active,
.open > .dropdown-toggle.btn-hr {
  color: #ffffff;
  background-color: #AB811D
 
}
.btn-hr:active:hover,
.btn-hr.active:hover,
.open > .dropdown-toggle.btn-hr:hover,
.btn-hr:active:focus,
.btn-hr.active:focus,
.open > .dropdown-toggle.btn-hr:focus,
.btn-hr:active.focus,
.btn-hr.active.focus,
.open > .dropdown-toggle.btn-hr.focus {
  color: #ffffff;
  background-color: #154829;
  
}
.btn-hr:active,
.btn-hr.active,
.open > .dropdown-toggle.btn-hr {
  background-image: none;
}
.btn-hr.disabled:hover,
.btn-hr[disabled]:hover,
fieldset[disabled] .btn-hr:hover,
.btn-hr.disabled:focus,
.btn-hr[disabled]:focus,
fieldset[disabled] .btn-hr:focus,
.btn-hr.disabled.focus,
.btn-hr[disabled].focus,
fieldset[disabled] .btn-hr.focus {
  background-color: #dba425;
  
}
.btn-hr .badge {
  color: #dba425;
  background-color: #ffffff;
}

/* creation of a new Bootstrap button for ADVO*/
.btn-advo {
  color: #ffffff;
  background-color: #5a4099;
 
}
.btn-advo:focus,
.btn-advo.focus {
  color: #ffffff;
  background-color: #402E6B
 
}
.btn-advo:hover {
  color: #ffffff;
  background-color: #402E6B
 
}
.btn-advo:active,
.btn-advo.active,
.open > .dropdown-toggle.btn-advo {
  color: #ffffff;
  background-color: #402E6B
 
}
.btn-advo:active:hover,
.btn-advo.active:hover,
.open > .dropdown-toggle.btn-advo:hover,
.btn-advo:active:focus,
.btn-advo.active:focus,
.open > .dropdown-toggle.btn-advo:focus,
.btn-advo:active.focus,
.btn-advo.active.focus,
.open > .dropdown-toggle.btn-advo.focus {
  color: #ffffff;
  background-color: #154829;
  
}
.btn-advo:active,
.btn-advo.active,
.open > .dropdown-toggle.btn-advo {
  background-image: none;
}
.btn-advo.disabled:hover,
.btn-advo[disabled]:hover,
fieldset[disabled] .btn-advo:hover,
.btn-advo.disabled:focus,
.btn-advo[disabled]:focus,
fieldset[disabled] .btn-advo:focus,
.btn-advo.disabled.focus,
.btn-advo[disabled].focus,
fieldset[disabled] .btn-advo.focus {
  background-color: #5a4099;
  
}
.btn-advo .badge {
  color: #5a4099;
  background-color: #ffffff;
}

/* Creates the full colour cols*/
.col-advisory {
    background-color: #93C5A7;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-advisory:hover {
    background-color: #A9D1B9;
}

.col-advisory-fullcolour {
    background-color: rgba(233, 50, 45, 0.7);
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-advisory-fullcolour:hover {
    background-color: rgba(233, 50, 45, 0.5);
}

.col-individuals {
    background-color: #DC90C6;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-individuals:hover {
    background-color: #E3A7D1;
    }

.col-individuals-fullcolour {
    background-color: rgba(233, 50, 45, 0.6);
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-individuals-fullcolour:hover {
    background-color: rgba(233, 50, 45, 0.4);
    }


.col-payroll {
    background-color: #7FC9EC;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-payroll:hover {
    background-color: #99D4F0;
}

.col-payroll-fullcolour {
    background-color: rgba(233, 50, 45, 0.5);
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-payroll-fullcolour:hover {
    background-color: rgba(233, 50, 45, 0.3);
}


.col-hr {
    background-color: #EDD192;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-hr:hover {
    background-color: #f1dba8;
}

.col-hr-fullcolour {
    background-color: #dba425;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-hr-fullcolour:hover {
    background-color: #EDD192;
}

.col-panel {
    background:rgba(255, 255, 255, 0.8) ;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:40px;
    
}



/* Awards section */

.col-award1{
    background-color: #C7BA52;
    height: 300px;
    text-align: center;
    padding-top: 55px;
    color:#ffffff;
}

.col-award1:hover {
    background-color: #AA9E37;
}

.col-award2{
    background-color: #D2C875;
    height: 300px;
    text-align: center;
    padding-top: 55px;
    color:#ffffff;
}

.col-award2:hover {
    background-color: #AA9E37;
}

.col-award3{
    background-color: #DDD697;
    height: 300px;
    text-align: center;
    padding-top: 55px;
    color:#ffffff;
}

.col-award3:hover {
    background-color: #AA9E37;
}
.col-award4{
    background-color: #E9E3BA;
    height: 300px;
    text-align: center;
    padding-top: 55px;
    color:#ffffff;
}

.col-award4:hover {
    background-color: #AA9E37;
}

col-people{
    background-color: #ffffff;
    height: 300px;
    text-align: center;
    padding-top: 55px;
    color:#ffffff;
}

.col-individuals-alt1 {
    background-color: #CF67B0;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-individuals-alt2 {
    background-color: #D577B9;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-individuals-alt3 {
    background-color: #DC90C6;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-individuals-alt4 {
    background-color: #E3A7D1;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-individuals-alt-hover:hover {
    background-color: #C74EA3;
    }

.col-advisory-alt1 {
    background-color: #83BC9A;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-advisory-alt2 {
    background-color: #93C5A7;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-advisory-alt3 {
    background-color: #A9D1B9;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-advisory-alt4 {
    background-color: #C7E0D1;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-advisory-alt-hover:hover {
    background-color: #62AA7E;
    }

.col-payroll-alt1 {
    background-color: #7FC9EC;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#0095da;
}
.col-payroll-alt2 {
    background-color: #99D4F0;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#0095da;
}
.col-payroll-alt3 {
    background-color: #B8E1F5;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#0095da;
}
.col-payroll-alt4 {
    background-color: #C9E9F8;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#0095da;
}

.col-payroll-alt-hover:hover {
    background-color: #57B7E6;
    color:#ffffff;
    }

.col-hr-alt1 {
    background-color: #F1DBA8;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
  
}
.col-hr-alt2 {
    background-color: #EDD192;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-hr-alt3 {
    background-color: #DC9CA9;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-hr-alt4 {
    background-color: #E4B2BC;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-hr-alt-hover:hover {
    background-color: #E9C87C;
    
    }

.col-advo-alt1 {
    background-color: #A592D1;
    height: 350px;
    text-align: center;
    padding-top: 25px;
   color:#ffffff;
}
.col-advo-alt2 {
    background-color: #C1B5DF;
    height: 350px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-advo-alt3 {
    background-color: #DCD6ED;
    height: 350px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}
.col-advo-alt4 {
    background-color: #E4B2BC;
    height: 300px;
    text-align: center;
    padding-top: 25px;
    color:#ffffff;
}

.col-advo-alt-hover:hover {
    background-color: #9782CA;
    
    }

/* hover effect for images */
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(233, 50, 45, 0.9);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect h3 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(116,120,120,1.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
margin-top:180px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover h3,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

    .hovereffect:hover a.info {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

/* footer CSS */
  .jum-black {
       background: #747878;
      
       }
        .jum-light-grey {
       background: #cccccc;
      
       }
       .footer-colour {
        color : #fff;
       }

       .footer-colour h4 {
        color : #fff;
        font-weight:bold;
       }
       .footer-emp {
        color : #fff;
        font-weight:bold;
       }
       .footer-space {
        margin-bottom:20px;
       }
         .footer-alt-colour {
        color : #cccccc;
       }
       .footer-alt-colour a {
            color:#ffffff;
       }
   
/* Fix the nav bar height */        
.navbar-fixed-top {
    min-height: 70px;
}

.font-sized {
    font-size:1.1em;
}

a:hover {
    color:#747878;
}

.navbar-brand
{
    padding-top: 15px;
    margin-top: 0px;
}

@media screen and (max-width: 1025px) /*-- ipad land --*/
{
    .people-bio {
        font-size: 1.2rem !important;
    }

    .s-div {
        margin-left: 0px !important;
    }

    .contact-second-section {
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .contact-third-section {
        height: auto !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

        .contact-third-section h1 {
            font-size: 2.5rem !important;
        }
}

@media screen and (max-width: 1000px)
{
    .navbar-brand {
        padding-top: 0px;
    }
}

@media screen and (max-width: 770px) /*-- ipad port --*/
{
    .contact-second-section {
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 380px) /*-- iphone 6 --*/
{
    .btn-advosis
    {
        margin-bottom: 10px;
        font-size: 1.25rem;
        padding-left: 15px;
        padding-right: 15px;
    }

    .col-panel
    {
        padding-bottom: 0px;
    }

    .home-section
    {
        padding-top: 60px !important;
    }

    .home-section h1
    {
        font-size: 3rem;
        margin-bottom: 25px;
    }

    .home-section h4
    {
        font-size: 1.4rem;
        margin-bottom: 0px;
    }

    .about-section
    {
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .services-section
    {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .col-blocks-1, .col-blocks-2, .col-blocks-3
    {
        height: 220px !important;
        font-size: 12px !important;
    }

    .services-links-section
    {
        padding-top: 0px !important;
        height: auto !important;
        padding-bottom: 0px !important;
    }

    .brochure-section
    {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .brochure-quote-section
    {
        padding-top: 0px !important;
        height: auto !important;
        padding-bottom: 0px !important;
    }

    .brochure-quote-section h1, h2
    {
        font-size: 1.5rem !important;
    }

    .dynamic-section
    {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .d-quote-section h1
    {
        font-size: 1.5rem !important;
    }

    .webapps-section
    {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .col-panel
    {
        padding-bottom: 10px !important;
    }

    .contact-first-section
    {
        height: auto !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .contact-second-section
    {
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .contact-second-section h1
    {
        font-size: 1.7rem !important;
    }

    .contact-third-section
    {
        height: auto !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .contact-third-section h1
    {
        font-size: 2rem !important;
    }
}

@media screen and (max-width: 330px) /*-- iphone 5 --*/
{
    .btn-advosis {
        margin-bottom: 10px;
        font-size: 1rem;
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-middle {
    }

    .col-panel {
        padding-bottom: 0px;
    }

    .home-section {
        padding-top: 60px !important;
    }

    .home-links-section
    {
        padding-top: 10px !important;
    }

        .home-section h1 {
            font-size: 2rem;
            margin-bottom: 25px;
        }

        .home-section h4 {
            font-size: 1.4rem;
            margin-bottom: 0px;
        }

    .about-section {
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .services-section {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .col-blocks-1, .col-blocks-2, .col-blocks-3 {
        height: 220px !important;
        font-size: 12px !important;
    }

    .services-links-section {
        padding-top: 0px !important;
        height: auto !important;
        padding-bottom: 0px !important;
    }

    .brochure-section {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .brochure-quote-section {
        padding-top: 0px !important;
        height: auto !important;
        padding-bottom: 0px !important;
    }

        .brochure-quote-section h1, h2 {
            font-size: 1.5rem !important;
        }

    .dynamic-section {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .d-quote-section h1 {
        font-size: 1.5rem !important;
    }

    .webapps-section {
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .col-panel {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .contact-first-section {
        height: auto !important;
        padding-top: 40px !important;
        padding-bottom: 30px !important;
    }

    .contact-first-section h1
    {
        font-size: 2.5rem !important;
    }

    .contact-second-section {
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

        .contact-second-section h1 {
            font-size: 1.7rem !important;
        }

    .contact-third-section {
        height: auto !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

        .contact-third-section h1 {
            font-size: 2rem !important;
        }
}

.brochure-quote-section h1
{
    font-size: 3rem !important;
}