.start{background-color: #37a9ca;color: #fff;border-radius: 3px;border:1px solid #3098b5;font-size:20px;height: 12%;
    padding: 0% 9%;font-weight:600;
 
 }

.start:hover,.start:focus,.start:active,.start.focus,.start.active{
background-color:#25778d;
border-color: #1b5565;
color:#fff;

}
.save:hover,.save:focus,.save:active,.save.focus,.save.active{
background-color:#b9152b;
border-color:#991224;
color:#fff;
}

.save{
background-color:#f0173b;color: #fff;font-weight: 600;padding: 4px;border-radius: 3px;border:1px solid #d01830;font-size:20px;float:right;height: 12%;
margin-right: 8%;

}

.left_div{
background:#fff;padding:0; height: 55%;;
}
.right_div{
border-left:1px solid black;
background: #fff;padding:1% 4% 0% 4%;color: #000;height: 55%;; 
margin: 1% 0% 1% 0%;;
}
.main{
}
.flowchart{
margin: 1% 6% 0 6%;
}

.footer{
float: left;padding: 1% 0% 0% 44%;
}

@-moz-document url-prefix() { 
  .start {
     margin-right: -2%;
  }
}

@media only screen and (min-width:1200px) and (max-width:1690px){
 .flowchart{
          margin: 1% 0% 0 0.5%;
          width: 400px;
      }
.save{
  margin-right: 0px;
}
}

 @media only screen and (max-width: 640px) 
    {
    .col-md-12 h1 {
        font-size: 36px;
        transform: translate(0, 350%);
        color: white;
        width: auto;
        }   
    }

    @media only screen and (min-width: 1025px) and (max-width: 1500px){
      .left_div,
      .right_div{
        height: 70%;
      }
      .imgflowchart{
          width: 645px;
      }

      .start{height: 8%; width: 50%;padding-left:1%;padding-right: 2%;}
      .save{height: 8%;width:70%;padding-left:-20%;}
        

    }


.startlink{
  margin-left: 80%;
}
.start{margin-right: 0%;}

.imgflowchart{margin-left: auto;
    margin-right: auto;}

  .back_logo{
    padding-top: 1%;
    font-family:proxima-nova-bold;
    font-size: 20px;
  }

  @media only screen and (min-width: 1020px) and (max-width: 1200px)
  {
    .flowchart{padding-left: 16%;}
  }