.circle-container2 {
    position: relative;
    width: 20em;
    height: 30em;
    padding: 3em;
    /* border: dashed 1px;  */
    border-radius: 50%;
    margin: 1.75em auto 0;
    }
.circle-container2 a{
    display: block;
    position: absolute;
    top: 50%; left: 50%;
    width: 12em; height: 12em;
    margin: -6em;
    border-radius: 50%;
    }
    .circle-container2 img { display: block; width: 100%; border-radius: 50%;}
    .circle-container2 .center{
        width: 24em;
        height: 24em;
        margin: -12em;
        /* background-color: #fff; */
    }
    .circle-container2 .center img{
    margin-top: 14px;
    }
    .deg0 { transform: translate(20em); }
    .deg90 { transform: rotate(90deg) translate(20em) rotate(-90deg); }
    .deg135 { transform: rotate(135deg) translate(20em) rotate(-135deg); }
    .deg180 { transform: translate(-20em); }
    .deg225 { transform: rotate(225deg) translate(20em) rotate(-225deg); }
    .deg270 { transform: rotate(270deg) translate(20em) rotate(-270deg); }
    .deg45 { transform: rotate(45deg) translate(20em) rotate(-45deg); }
    .deg225 { transform: rotate(225deg) translate(20em) rotate(-225deg); }
    .deg300 { transform: rotate(300deg) translate(20em) rotate(-300deg); }
    .deg240 { transform: rotate(240deg) translate(20em) rotate(-240deg); }
    .deg60 { transform: rotate(60deg) translate(20em) rotate(-60deg); }
    .deg120 { transform: rotate(120deg) translate(20em) rotate(-120deg); }
    .deg51 { transform: rotate(51deg) translate(20em) rotate(-51deg); }
    .deg102 { transform: rotate(102deg) translate(20em) rotate(-102deg); }
    .deg153 { transform: rotate(153deg) translate(20em) rotate(-153deg); }
    .deg204 { transform: rotate(204deg) translate(20em) rotate(-204deg); }
    .deg255 { transform: rotate(255deg) translate(20em) rotate(-255deg); }
    .deg306 { transform: rotate(306deg) translate(20em) rotate(-306deg); }
    
    .circle-container3{
        position: relative;
        width: 40em;
        height: 50em;
        padding: 3em;
        /* border: dashed 1px;  */
        border-radius: 50%;
        margin: 1.75em auto 0;
        }
    .circle-container3 a{
        display: block;
        position: absolute;
        top: 50%; left: 50%;
        width: 12em; height: 12em;
        margin: -6em;
        border-radius: 50%;
        }
        .circle-container3 img { display: block; width: 100%; border-radius: 50%;}
        .circle-container3 .center{
            width: 24em;
            height: 24em;
            margin: -12em;
            /* background-color: #fff; */
        }
        .circle-container3 .center img{
        margin-top: 14px;
        }
    
        @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
        .circle-container2 {
            position: relative;
            width: 10em;
            height: 10em;
            padding: 3em;
            /* border: dashed 1px;  */
            border-radius: 50%;
            margin: 1.75em auto 0;
            } 
            .circle-container2 .center{
                width: 10em;
                height: 10em;
                margin: -5em;
                /* background-color: #fff; */
            }
            .circle-container2 a{
                display: block;
                position: absolute;
                top: 50%; left: 50%;
                width: 5em; height: 5em;
                margin: -2.5em;
                border-radius: 50%;
                }
                .deg0 { transform: translate(9em); }
    .deg90 { transform: rotate(90deg) translate(9em) rotate(-90deg); }
    .deg135 { transform: rotate(135deg) translate(9em) rotate(-135deg); }
    .deg180 { transform: translate(-9em); }
    .deg225 { transform: rotate(225deg) translate(9em) rotate(-225deg); }
    .deg270 { transform: rotate(270deg) translate(9em) rotate(-270deg); }
    .deg45 { transform: rotate(45deg) translate(9em) rotate(-45deg); }
    .deg225 { transform: rotate(225deg) translate(9em) rotate(-225deg); }
    .deg300 { transform: rotate(300deg) translate(9em) rotate(-300deg); }
    .deg240 { transform: rotate(240deg) translate(9em) rotate(-240deg); }
    .deg60 { transform: rotate(60deg) translate(9em) rotate(-60deg); }
    .deg120 { transform: rotate(120deg) translate(9em) rotate(-120deg); }
    .deg51 { transform: rotate(51deg) translate(9em) rotate(-51deg); }
    .deg102 { transform: rotate(102deg) translate(9em) rotate(-102deg); }
    .deg153 { transform: rotate(153deg) translate(9em) rotate(-153deg); }
    .deg204 { transform: rotate(204deg) translate(9em) rotate(-204deg); }
    .deg255 { transform: rotate(255deg) translate(9em) rotate(-255deg); }
    .deg306 { transform: rotate(306deg) translate(9em) rotate(-306deg); }
       
    .circle-container3 {
        position: relative;
        width: 18em;
        height: 18em;
        padding: 3em;
        /* border: dashed 1px;  */
        border-radius: 50%;
        margin: 1.75em auto 0;
        } 
        .circle-container3 .center{
            width: 10em;
            height: 10em;
            margin: -5em;
            /* background-color: #fff; */
        }
        .circle-container3 .center2{
          width: 10em;
          height: 10em;
          margin: -5em;
          background-color: #fff;
      }
        .circle-container3 a{
            display: block;
            position: absolute;
            top: 50%; left: 50%;
            width: 5em; height: 5em;
            margin: -2.5em;
            border-radius: 50%;
            }
    
    .fill{
        height: 100%;
        /* background-attachment: scroll; */
    }
     #Carousel-intro{
        height: 25%;
    }
    .home{
        font-size: 30px;
    }
    }
    @media only screen and (min-device-width : 481px) and (max-device-width : 767px){
        .fill{
            height: 100%;
        }
         #Carousel-intro{
            height: 50%;
        }
    }
    @media only screen and (min-device-width : 768px) and (max-device-width : 1000px){
        .fill{
            height: 100%;
        }
         #Carousel-intro{
            height: 75%;
        }
    }
    .float{
        position: fixed !important;
        color: yellow;
        bottom: 50px;
        right: 20px;
        z-index: 99;
        background: transparent;
    }
      #icon{
          cursor: pointer;
      }