@import url('https://fonts.googleapis.com/css?family=Roboto');




body {
  padding-top: 54px;
  font-family: 'Roboto', sans-serif;
}

+.card-column{margin-top:120px;}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.bg-dark{
  background-color: #007bff !important;
}
.card-header:first-child{
  width:95%;
}
  
p {
  font-family: open sans;
  font-weight: 200;
  color: #747474;
  margin-bottom: 0px;
}

article {
  margin-top: 1.5em;
}

.card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #333;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.card-image {
  display: block;
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  margin:10px 0 0 10px;
  min-height: 200px;
  background-position: center;
  background-size: cover;
  background-color: #ccc;
}


.card-content {
  display: block;
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 47%;
  margin: 0;
  padding: ;
  background: #fff;
}

.card-content {
  padding: 1.5em 1em 1.5em 1.5em;
  margin: 0;
  padding-bottom: 0;
}

.card-header {padding: .75rem 0rem .75rem .75rem;background-color: #fff;}

.card-subtitle {
  font-family: open sans;
  font-size: 13px;
  text-transform: uppercase;
  color: #66CCCC;
  margin: 0;
  margin-bottom: 4px;
  padding: 0;
  font-weight: 400;
}

.card-title {
  font-family: 'open sans';
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: #333;
}

.card-title a {
  color: #333;
  text-decoration: none;
  transition: ease 500ms all;
}

.card-title a:hover {
  color: #66cccc;
  text-decoration: none;
}


.read-more {
  text-align: right;
  color: #333;
  padding-right: 30px;
}

.read-more a {
  color: #333;
  opacity: .6;
  text-decoration: none;
  font-size: 14px;
}








/*social login*/
.fa {
  padding: 10px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google-plus {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}