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


.caseStudiesContainer{
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows:
    auto    /* WhatsThis */
    auto    /* VuSpex */
    auto    /* LostAndFoundPets */
    auto;   /* My Recordings */
  grid-gap: 20px;
  margin:20px;
  margin-left: 0px;
}


.csContainer{
  
  padding:10px;
  border-style:inset;
  box-shadow: 5px 5px 2px #888888;
  border-width:2px;
  border-color:black;
}


p.cs {
  text-indent: 0px !important;
  margin:10px !important;
}

.csLeftScreenshot{
  float: left;
  padding-right:10px;
  padding-bottom:10px;
}

.csRightScreenshot{
  float: right;
	border-style:solid;
	border-width:2px;
	border-color:orange;
  padding:10px;
  margin:10px;
}



.csTitle{
  margin-top:0px !important;
  height:25px;
  line-height: 25px;
  font-size:18px;
  font-weight: bold;
  font-family: Roboto;
  color: #000000;
}


  .csText{
    margin-top:20px;
    margin-bottom:10px;
    text-indent: 0px !important;
    font-size:14px;
    font-family: Roboto;
    color: #000000;
  }