#colo1{color:red;}
    #colo2{color:green;}

     .triangle h3{
          font-size:18px;
          color:white;
          padding:15px;
          width:120%;
      }
      
      .triangle{
          width:60%;
          background:red;
          height:50px;
          position:relative;
          text-align:left;
          font-weight:bold;
         
      }
      .cone{
      width: 0;
      height: 0;
      border-top: 25px solid transparent;
      border-left: 70px solid red;
      border-bottom: 25px solid transparent;
      position:absolute;
      right:-70px;
      top:0;
      }
      
      .itin{
          width:40px;
          height:40px;
          margin:5px;
          display:inline-block;
          border-radius:50%;
          background:red;
          position:relative;
      }
      
      .insidetext{
          position:absolute;
          
          margin-left:15px;
          top:11px;
          
      }
      
      .outitin{
          position:relative;
          width:100%;
      }
      
      .count{
          text-align:center;
          left:6px;
          top:2px;
          padding:2px;
          color:white;
          font-size:12px;
          width:70%;
          font-weight:bold;
          position:absolute;
      }
      
      .booktaxi{
          text-align:center;
          background:red;
          padding:5px;
          color:white;
          width:60%;
      }
      
      .terms{
          width:160px;
          text-align:center;
          padding:8px;
          font-size:16px;
          border-radius:5px;
          color:white;
          background:red;margin-top:20px;
      }
      
      @media screen and (max-width: 600px){
          .cone{display:none;}
          .triangle{width:100%;}
          .triangle h3{font-size:14px;}
      }