.two{
  display:none;
}
.right_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 45%;
  width: 45%;
  align-content: center;
  margin: 2.5%;
  height: 380px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1.5%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
  float:right;
}
.left_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 45%;
  width: 45%;
  align-content: center;
  margin: 2.5%;
  height: 380px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
  float:left;
}
.middle_block{
   color: white;
  font-size: 20px;
  all: none;
  min-width: 45%;
  width: 45%;
  align-content: center;
  margin-left: 27.5%;
  height: 380px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
  float: left;
}
.rectangle-div{
  display: inline-block;
  margin-bottom:30px;
}
.rect-button{
width: 130px;
height: 45px;
padding-left:10px;
padding-right:10px;
outline: none;
border: none;
font-size: 15px;
}
.rect-button:hover{
cursor: pointer;
background-color: #2b5a4e;
color: white;
transition: .3s;
}
.button-div{
  float:right;
  width:40%;
  margin-top:7vh;
  
}
.rect-pic-one{
  width:150px;
  
  float:left;
 }
 .rect-title-one{
   width:150px;
   float:left;
   margin-top:5%;
   left:0;
 }
 .rect-text-one{
    float:right;
    width:50%;
    margin-top:-1.2%;
    font-size:12px;
  }
  .rect-about-one{
    float:right;
    width:47.14285714%;
    text-decoration: underline;
    font-size:18px;
    
  }
  .rect-bullets-one{
     float:right;
    line-height:21px;
    width:42.85714285%;
    font-size:16px;
  }

.name{
 font-size:20px;
}
  .rect-pic-two{
 width:150px;
  margin-bottom:1%;
  float:left;
 }
 .rect-title-two{
   width:150px;
   float:left;
 }
 .rect-text-two{
    float:right;
    width:47.14285714%;
    font-size:13.5px;
  }
  .rect-about-two{
    float:right;
    width:47.14285714%;
    text-decoration: underline;
    font-size:17px;
    margin-top:5px;
  }
  .rect-bullets-two{
    float:right;
    width:42.85714285%;
    font-size:12.5px;
  }
  .rect-bullets-three{
     float:right;
    line-height:21px;
    width:42.85714285%;
    font-size:16px;
    
  }
  
 @media only screen and (min-width: 1821.333333px){
.rect-bullets-two{
    font-size:13px;
    margin-top:5px;
    position:relative;
    
  }
 }
  @media only screen and (min-width: 2038.90597px){
    .rect-title-one{
  font-size:25px;
  }
    .rect-about-two{
    
       position:relative;
     font-size:18px;
    }
    .rect-bullets-two{

    font-size:13px;
    margin-top:0px;
    position:relative;
    left:0px;
  }
  }

  @media only screen and (min-width: 1375px){
    .rect-title-one{
      float: none;
      width:160px;
      margin-top:160px;
    }
    .button-div{
      margin-top:-5vh;
    }

  }
  @media only screen and (max-width: 1241.7px) {
  .rect-bullets-three{
  
    font-size:13px;

  }
  .rect-text-one{
    font-size:13.5px;
  }
  .rect-about-one{
    font-size:18px;
  }
  .rect-title-one{
    font-size:19px;
    width:47%;

  }
  .rect-bullets-two{
    font-size:12px;
  }

}
@media only screen and (max-width: 957px){
   .rect-about-one{
    font-size:15px;
   }
   .rect-about-two{
      font-size:15px;
   }
   
}
@media only screen and (max-width: 1092.8px){
  .rect-bullets-two{
    font-size:11px;
  }
  .rect-bullets-one{
    font-size:14px;
  }
}
@media only screen and (max-width: 1043px){
 
  .left_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 80%;
  width: 80%;
  align-content: center;
   margin-left: 10%;
  margin-right: 10%;
  margin-top:3%;
  margin-bottom:3%;
  height: 400px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 10%;
  padding-top:3%;
  padding-left: 7%;
  
}
.right_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 80%;
  width: 80%;
  align-content: center;
   margin-left: 10%;
  margin-right: 10%;
  margin-top:3%;
  margin-bottom:3%;
  height: 400px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 10%;
  padding-top:3%;
  padding-left: 7%;
  
}
.middle_block{
   color: white;
  font-size: 20px;
  all: none;
  min-width: 80%;
  width: 80%;
  align-content: center;
   margin-left: 10%;
  margin-right: 10%;
  margin-top:3%;
  margin-bottom:3%;
  height: 400px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 10%;
  padding-top:3%;
  padding-left: 7%;
  
}

.rect-title-one{
  margin-top:150px;
  width:150px;
  float:none;
}
.rect-text-two{
  width: 47.14285714%;
 
}
.rect-about-one{
  font-size:18px;
}
.rect-about-two{
  font-size:18px;
}
.rect-bullets-one{
  font-size:14px;
}
.rect-bullets-three{
  font-size:14px;
}
.rect-bullets-two{
  font-size:12px;
  
}
.rect-about-two{
 width: 47.14285714%;
}
.rect-bullets-two{
  width: 47.14285714%;
}
.button-div{
  position: relative;
  bottom:15vh;

}
.rect-button{
  margin-top:10vh;
}
}
@media only screen and (max-width: 686px){
.left_block{
  width:90%;
  margin-left:5%;
  margin-right:5%;
  padding-top:3%;
}
.right_block{
  width:90%;
  margin-left:5%;
  margin-right:5%;
  padding-top:3%;
}
.middle_block{
  width:90%;
  margin-left:5%;
  margin-right:5%;
  padding-top:3%;
}
}
@media only screen and (max-width: 564px){
  .left_block{
  width:90%;
  padding-left:4%;
  padding-right:4%;
}
 .right_block{
  width:90%;
  padding-left:4%;
  padding-right:4%;
}
 .middle_block{
  width:90%;
  padding-left:4%;
  padding-right:4%;
}
}
@media only screen and (max-width: 504px){
  .rect-text-two{
    font-size:13px;
  }
  .rect-bullets-two{
    font-size:11px;
  }
}
@media only screen and (max-width: 448px){
  .left_block{
    width:95%;
    margin-left:2.5%;
    margin-right:2.5%;
  }
   .right_block{
    width:95%;
    margin-left:2.5%;
    margin-right:2.5%;
  }
   .middle_block{
    width:95%;
    margin-left:2.5%;
    margin-right:2.5%;
  }
}
@media only screen and (max-width: 423px){
  .left_block{
    width:99%;
    margin-left:.5%;
    margin-right:.5%;
  }
   .right_block{
   width:99%;
    margin-left:.5%;
    margin-right:.5%;
  }
   .middle_block{
   width:99%;
    margin-left:.5%;
    margin-right:.5%;
  }
}
@media only screen and (max-width: 415px){
  .one{
   display: none;
  }
  .two{
    display:block;
  }
  .small_block{
    color: white;
  font-size: 20px;
  all: none;
  min-width: 99%;
  width: 99%;
  align-content: center;
   margin-left: .5%;
  margin-right: .5%;
  margin-top:3%;
  margin-bottom:3%;
  height: auto;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 5%;
  padding-right: 10%;
  padding-top:5%;
  padding-left: 7%;
  }
.small-name{
  text-align:center;
  font-size:23px;
}
.small-rect-pic{
   display: block;
  margin-left: auto;
  margin-right: auto;
  width:120px;
  margin-bottom:10px;
}
.small-rect-title{
  text-align:center;
}
.small-rect-box{
text-align:center;
margin-top:15px;
  margin-bottom:80px;
   background-color: #0c101a;
  border-radius: 30px 30px;
  padding:13px;
  margin-bottom:-8%;
}
.small-rect-bullets{
  
  font-size:15px;
  
  
}
.small-rect-about{
  text-align:center;
  margin-bottom:5px;
  text-decoration:underline;
  
}
.small-rect-bullets{
  font-size:15px;
   margin-left:30px;
}

.small-button-div{
  text-align: center;
  width:100%;
  
}

  
}
.rect-button{
}

}

/*@media only screen and (max-width: 655px){
.rect-text-two{
  width:160px;
  color:purple;
}
.rect-about-two{
  width:160px;
}
.rect-bullets-two{
  width:149px;
}
}

@media only screen and (max-width: 564.4px){
.rect-bullets-one{
  font-size:12px;
}
}
@media only screen and (max-width: 471px){
    .left_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 95%;
  width: 95%;
  align-content: center;
   margin-left: 2.5%;
  margin-right: 2.5%;
  margin-top:3%;
  margin-bottom:3%;
  height: 350px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
}
.right_block{
  color: white;
  font-size: 20px;
  all: none;
   min-width: 95%;
  width: 95%;
  align-content: center;
   margin-left: 2.5%;
  margin-right: 2.5%;
  margin-top:3%;
  margin-bottom:3%;
  height: 350px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
  
}
.middle_block{
  color: white;
  font-size: 20px;
  all: none;
   min-width: 95%;
  width: 95%;
  align-content: center;
   margin-left: 2.5%;
  margin-right: 2.5%;
  margin-top:3%;
  margin-bottom:3%;
  height: 350px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
  
}
}
@media only screen and (max-width: 455.33px){
  .rect-text-one{
    font-size:12px;
  }
  .rect-text-two{
    width:150px;
    font-size:12px;
  }
  .rect-about-two{
    width:150px;
  }
  .rect-bullets-two{
    width:135px;
  }
}
@media only screen and (max-width: 366px){
    .left_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 99%;
  width: 99%;
  align-content: center;
   margin-left: 0.5%;
  margin-right: 0.5%;
  margin-top:3%;
  margin-bottom:3%;
  height: 400px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
}
.right_block{
  color: white;
  font-size: 20px;
  all: none;
   min-width: 99%;
  width: 99%;
  align-content: center;
   margin-left: 0.5%;
  margin-right: 0.5%;
  margin-top:3%;
  margin-bottom:3%;
  height: 400px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
  
}
.middle_block{
  color: white;
  font-size: 20px;
  all: none;
  min-width: 99.5%;
  width: 99.5%;
  align-content: center;
   margin-left: 0.25%;
  margin-right: 0.25%;
  margin-top:3%;
  margin-bottom:3%;
  height: 400px;
  border: 2px solid black;
  background-color: #1a2136;
  border-radius: 30px 30px;
  padding-bottom: 1%;
  padding-right: 5%;
  padding-top:1.5%;
  padding-left: 2.5%;
}
.rect-pic-one{
    width:100px;
    margin-top:20px;
    margin-bottom:25px;
  }
  .rect-pic-two{
    width:100px;
    margin-top:20px;
    margin-bottom:25px;
  }
  .rect-title-two{
    width:45%;
  }
}
@media only screen and (max-width: 1082px){
  .rect-bullets-one{
    color:red;
    font-size:12.5px;
  }
  
}
@media only screen and (max-width: 338px){
  .rect-about-one{
    width:140px;
  }
  .rect-text-one{
    width:140px;
  }
  .rect-bullets-one{
    width:120px;
 }
 .rect-bullets-three{
    width:120px;
 }
}
@media only screen and (max-width: 330px){
  .rect-title-one{
    width:130px;
    font-size:16px;
  }
  .rect-title-two{
    width:130px;
    font-size:16px;
  }
}