.section.grey{background-color: #ddd;}
.col-theme-blue{background-color: #003e7e;}
.col-theme-blue h2{color: #fff;}
.col-theme-blue .btn{background: none !important; border-color: #fff; color: #fff !important;}
.col-theme-blue .btn:hover{background-color: #fff !important; color: #003e7e !important;}

.social {
  text-align: center;

}

.social .container {
    padding: 40px !important;
}

#connect-with-lu .container {
  padding: 40px;
}
#connect-with-lu .container h2 {
  margin-bottom: 40px;
}
.social-heading{
  margin-bottom: 30px;
  margin-top: 0px;
}
.social-links:hover, .social-links:focus {
  text-decoration: none !important;
}

.social-image {
  position: relative;

  display: inline-block;

  width: 94px;
  height: 94px;
  margin: 0 2px;
}
.social-image:hover > .overlay {
  position: absolute;

  width: 100%;
  height: 100%;

  opacity: 0.5;
  border-radius: 50px;
  background-color: #000;
}

.text-white{
    color: white !important;
}
.text-blue{
    color: #003e7e !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {

}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

        .outer_button{width: 100% !important;}
        .component .row,.component .row .primary-column {display: block;}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .outer_button{width: 100% !important;}

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }