/* add your css rules here */

#container_00{
overflow:hidden;
/*height:50vh;*/
}

#shape_00{
background-color:#dddddd;
background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-404843-Future-Proof-Virtual-Realities/vr_00_0.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:0 0;
height: 26vw;
width: 40vw;
float: right;

/*defines the path outside of the shape - must be equal to the clip path*/
/*in order to create a sculpted four sided polygon the co-ordinates are: top-left: horizontal vertical; top-right: horizontal vertical; bottom-right: horizontal vertical; bottom-left: horizontal vertical*/
/*to create more point, add more co-ordinates*/

shape-outside: polygon(50% 0%, 100% 0, 100% 100%, 22% 100%);
shape-margin: 30px;

-webkit-shape-outside: polygon(50% 0%, 100% 0, 100% 100%, 22% 100%);
-webkit-shape-margin: 30px;

/*defines the path outside of the shape - must be equal to the clip path*/
/*in order to create a sculpted four sided polygon the co-ordinates are: top-left: horizontal vertical; top-right: horizontal vertical; bottom-right: horizontal vertical; bottom-left: horizontal vertical*/
/*to create more point, add more co-ordinates*/

clip-path: polygon(50% 0%, 100% 0, 100% 100%, 22% 100%);

-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 22% 100%);

}

#container_01{
overflow:hidden;
}

#shape_01{
background-color:#dddddd;
background-image:url('/Images/vendors/PROJECTS/BTBD/DSGN-404843-Future-Proof-Virtual-Realities/vr_01_0.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position: -128px -94px;
height: 16vw;
width: 40vw;
float: left;

/*defines the path outside of the shape - must be equal to the clip path*/
/*in order to create a sculpted four sided polygon the co-ordinates are: top-left: horizontal vertical; top-right: horizontal vertical; bottom-right: horizontal vertical; bottom-left: horizontal vertical*/
/*to create more point, add more co-ordinates*/

shape-outside: polygon(0% 0%, 65% 0, 50% 100%, 0% 100%);
shape-margin: 30px;

-webkit-shape-outside: polygon(0% 0%, 65% 0, 50% 100%, 0% 100%);
-webkit-shape-margin: 30px;


/*defines the path outside of the shape - must be equal to the clip path*/
/*in order to create a sculpted four sided polygon the co-ordinates are: top-left: horizontal vertical; top-right: horizontal vertical; bottom-right: horizontal vertical; bottom-left: horizontal vertical*/
/*to create more point, add more co-ordinates*/

clip-path: polygon(0% 0%, 65% 0, 50% 100%, 0% 100%);

-webkit-clip-path: polygon(0% 0%, 65% 0, 50% 100%, 0% 100%);

}

#shape_content_01{
}

span.cone_percentage {
    font-weight: bold;
    font-size: 6em;
    float: left;
    margin-right: 100%;
}