@media  (min-width: 340px) and (max-width: 700px){
 .cont-f{width: 100%;}
 .cont-ti{width: 100%;padding: 60px;}
 .cont-ti h1{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;}
 .cont-ti p{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;}
 .cont-t{width: 80%;padding: 30px;margin-left: 10%;}
 .cont-t h2{margin-top: 30px;font-size: 1.3rem;}
 .cont-t p{margin-top: 30px;font-size: 1.0rem;}
 .cont-tt {width: 80%;margin-left: 10%;padding-bottom: 60px;}
 .cont-tt h2{margin-top: 30px;font-size: 1.8rem;text-align: left;}
 .cont-tt p{margin-top: 30px;font-size: 1.8rem;text-align: left;margin-top: 0px;}
 .f4{width: 90%;margin-left: 5%;margin-top: 30px;margin-bottom: 30px;min-height: 0px;}
}
@media  (min-width: 701px) and (max-width: 800px){
 .cont-f{width: 100%;}
 .cont-ti{width: 100%;padding: 60px;}
 .cont-ti h1{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;margin-left: 4%;}
 .cont-ti p{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;margin-left: 4%;}
 .cont-t{width: 80%;padding: 30px;margin-left: 10%;}
 .cont-t h2{margin-top: 30px;font-size: 1.3rem;}
 .cont-t p{margin-top: 30px;font-size: 1.0rem;padding-bottom: 60px;}
 .cont-tt {width: 80%;margin-left: 10%;padding-bottom: 60px;}
 .cont-tt h2{margin-top: 30px;font-size: 1.8rem;text-align: left;}
 .cont-tt p{margin-top: 30px;font-size: 1.8rem;text-align: left;margin-top: 0px;}
 .f4{width: 46%;margin-left: 2%;margin-top: 30px;margin-bottom: 30px;min-height: 140px;}
   }
@media  (min-width: 801px) and (max-width: 920px){
 .cont-ft{background-color: #fff;}
 .cont-f{width: 80%;margin-left: 10%;margin-top: 30px;}
 .cont-ti{width: 100%;padding: 60px;background-color: rgb(180, 22, 96);margin-top: 20px;}
 .cont-ti h1{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;margin-left: 4%;}
 .cont-ti p{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;margin-left: 4%;}
 .cont-t{width: 80%;padding: 30px;margin-left: 10%;}
 .cont-t h2{margin-top: 30px;font-size: 1.3rem;}
 .cont-t p{margin-top: 30px;font-size: 1.0rem;padding-bottom: 60px;}
 .cont-tt {width: 100%;margin-left: 0%;padding-bottom: 60px;background-color: rgb(180, 22, 96);}
 .cont-tt h2{margin-top: 30px;font-size: 1.8rem;text-align: left;}
 .cont-tt p{margin-top: 30px;font-size: 1.8rem;text-align: left;margin-top: 0px;}
 .f4{width: 46%;margin-left: 2%;margin-top: 30px;margin-bottom: 30px;}
   }
@media  (min-width: 921px) and (max-width: 1280px){
   .cont-ft{background-color: #fff;}
   .cont-f{width: 70%;margin-left: 15%;margin-top: 30px;}
   .cont-ti{width: 100%;padding: 100px;background-color: rgb(180, 22, 96);margin-top: 20px;}
   .cont-ti h1{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;margin-left: 4%;}
   .cont-ti p{margin-top: 10px; font-size: 1.8rem;text-align: left;font-weight: 300;margin-left: 4%;}
   .cont-t{width: 80%;padding: 30px;margin-left: 10%;}
   .cont-t h2{margin-top: 30px;font-size: 1.4rem;}
   .cont-t p{margin-top: 30px;font-size: 1.0rem;padding-bottom: 60px;}
   .cont-tt {width: 100%;margin-left: 0%;padding-bottom: 100px;background-color: rgb(180, 22, 96);}
   .cont-tt h2{margin-top: 30px;font-size: 1.8rem;text-align: left;margin-left: 6%;}
   .cont-tt p{margin-top: 30px;font-size: 1.8rem;text-align: left;margin-top: 0px;margin-left: 6%;}
   .f4{width: 46%;margin-left: 2%;margin-top: 30px;margin-bottom: 30px;min-height: 380px;}
}
@media  (min-width: 1281px) and (max-width: 1460px){
 .cont-ti{padding-left: 5%;padding-right: 5%;}
 .cont-ti h1{margin-top: 50px;font-size: 1.4rem;}
 .cont-ti p{font-size: 1.2rem;margin-top: 20px;}
 .cont-t{width: 35%;padding: 30px;}
 .cont-t h2{margin-top: -10px;font-size: 1.1rem;}
 .cont-t p{margin-top: 10px;font-size: 0.9rem;}
 .cont-tt {width: 60%;margin-left: 20%;padding: 60px;}
 .cont-tt h2{margin-top: 0px;font-size: 1.6rem;}
 .cont-tt p{margin-top: 30px;font-size: 1.6rem;margin-top: 0px;}
}