/*!
 * Start Bootstrap - 2 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face{
    font-family:'Avenir Light';
    src:url("../fonts/c886ac4d-0476-43f2-859c-69521d566f36-c8e3ce1a.eot?#iefix");
    src:url("../fonts/c886ac4d-0476-43f2-859c-69521d566f36-c8e3ce1a.eot?#iefix") format("eot"),
    url("../fonts/bfb11081-e571-43ad-bed9-8953cfd4133e.woff2") format("woff2"),
    url("../fonts/e35493b4-782b-41f0-b3f0-b7e5d0ceab0b-7b05f688.woff") format("woff"),
    url("../fonts/3441ac36-8e74-4708-8a0e-bc7eb293b307-395f4283.ttf") format("truetype"),
    url("../fonts/57fd8d3b-c855-4bd8-9e49-04ae9a760f9d-87d107b6.svg#svgAvenirLight") format("svg");
    font-weight:normal;
    font-style:normal
}

body {
    background-color: #2B353D;
    color: white;
    font-family: "Avenir Light";
}

.description {
    padding-bottom: 9px;
    font-size: 40px;
    line-height: 50px;
    margin: 50px 0px 50px;
}

.groups-middle img {
    display:inline-block;
    width:100%;
    max-width:12rem;
    height:auto;
    margin:10px auto 20px;
}

@media (max-width: 991px) {
    .description {
      	font-size: 36px;
      	line-height: 48px;
    }

    .left-column p {
      	font-size: 14px;
      	line-height: 26px;
    }

    .left-column {
        padding-top: 50px;
    }

    .main-content {
      	padding-left: 16px;
      	padding-right: 16px;
    }
}

.left-column h2 {
    font-size: 34px;
    margin-bottom: 1em;
}

.left-column p {
    font-size: 20px;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 2em;
}

.left-column a, .left-column a:hover, a:visited {
    color: #F0652F;
    font-size: 15px;
}

.read-more-groups, a.read-more-groups:hover, a.read-more-groups:visited {
  color: #337AB7;
} 

.groups-outer {
    display: table;
    /* position: absolute; */

    background-color: #242C33;
    width: 100%;
    height: 160px;

    border-radius: 4px;
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.12);
}

@media (min-width: 992px) {
    .groups-outer {
	      width: 340px;
    }
}

.groups-middle {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    padding: 1.5em;
}

.groups {
    color: #8D9AA6;
    margin-bottom: 1em;
}

.groups-label {
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.5px;
}

.groups-text {
    font-size: 15px;
    line-height: 23px;
}

.groups-text-main, .groups-text-main a  {
    font-size: 25px;
    line-height: 31px;
    color: #7894a7;
}

.groups-inner {
    margin-left: auto;
    margin-right: auto;
    width: 266px;
    /* margin: auto; */
    /* width: 80%; */
    
    /* height: auto; */

    /* text-align:center; */
    /* vertical-align: middle; */
    /* display: table-cell;    */
}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 50px 0;
}

@media (max-width: 991px) {
    .center-on-small {
      	text-align: center;
      	margin:auto;
    }

    .main-content {
      	padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    }
}

@media (min-width: 992px) {
    .main-content {
      	padding-top: 60px;
    }

    .left-column {
        padding-top: 49px;
      	width: 55%;
    }
}

.inner-content {
    max-width:980px;
}

@media (max-width: 991px) {
    .inner-content {
      	padding: 0px;
      	width: 100%;
    }
}