.to-systems {
  position: relative;

}

.to-systems-in{
  position: relative;
  width:				100%;
	max-width: 		1700px;
	margin: 			0px auto;
  padding: 40px 20px;
}


.to-systems-in > h1{
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  text-align: center;
  color: inherit;
  font-weight: normal;
  margin-bottom: 24px;
  font-family: 'exo_2regular',Arial,Georgia,Courier;
}

.to-systems-intro{
  position: relative;
  max-width: 1024px;
  margin: 0px auto;
  padding: 20px 0px;
  text-align: center;
}

.to-systems-body{
  position: relative;
  width: 75%;
  padding: 32px 0px 0px 0px;
  margin: 0px auto;
}

.to-systems-shot{
    position: relative;
    margin-bottom: 32px;
      padding: 32px;
    text-align: justify;
}

.to-systems-shot > div{
    padding: 0px 0px;
}

.to-systems-shot img{
    float: left;           
    margin: 0 15px 10px 0; 
    width: 40%;
    height: auto;
    box-shadow: 0px 0px 10px 6px #ca8f2932;
    -webkit-box-shadow: 0px 0px 10px 6px #ca8f2932;
    -moz-box-shadow: 0px 0px 10px 6px #ca8f2932;
    border: 1px solid #ca8f29;
    cursor: pointer;
}

.to-systems-shot::after {
    content: "";
    display: block;
    clear: both;    
}


.to-systems-shot[data-dir="0"] img{
  float: right;   
  margin: 0px 0px 10px 48px; 
}

.to-systems-shot[data-dir="1"] img{
  float: left;   
  margin: 0px 48px 10px 0px; 
}



@media screen and (min-width: 0px) {
 
  .to-systems-shot[data-dir] img{ display: block; float: none; width: 100%; margin: 0px 0px 20px 0px; }
	.to-systems-body{ width: 100%; }
}

@media screen and (min-width: 640px) {

  .to-systems-shot[data-dir="0"] img{ display: inline; float: right; width: 40%; margin: 0px 0px 10px 48px;  }
  .to-systems-shot[data-dir="1"] img{ display: inline; float: left; width: 40%; margin: 0px 48px 10px 0px; }

	.to-systems-body{ width: 100%; }

}

@media screen and (min-width: 1024px) {

	.to-systems-body{ width: 90%; }
}

@media screen and (min-width: 1500px) {

	.to-systems-body{ width: 80%; }
}


@media screen and (min-width: 1700px) {

	.to-systems-body{ width: 70%; }

}