.learn-more .toggle {
    text-align: center;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 50px;
    left: 0px;
    right: 10px;
}

.learn-more .fa-middle{
    font-size: 60px;
    color: white;
    display: block;
    margin-top: 20px;
    transition: 0.7s;
}

.learn-more .menu {
    height: 100px;
    width: 100px;
    transform: scale(3);
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    transition: 0.7s;
}

.learn-more a {
    display: inline-block;
    position: absolute;
    font-size: 15px;
}

.learn-more a:nth-child(1){
    top: 50px;
    left: 150px;
}

.learn-more a:nth-child(2){
    top: -20px;
    left: 110px;
}

.learn-more a:nth-child(3){
    top: -50px;
    left: 25px;
}

.learn-more a:nth-child(4){
    top: 20px;
    left: -120px;
}

.learn-more a:nth-child(5){
    top: -20px;
    left: -50px;
}


.learn-more .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-middle:before {
    content: "";
    background-image:url('https://static.igem.wiki/teams/4195/wiki/circle/middle.png');
    display: block;
    width: 200px;
    height: 260px;
    background-size: 100% 100%;
    z-index: 10 ;
}
.fa-parts:before {
    content: "";
    background:url('https://static.igem.wiki/teams/4195/wiki/circle/parts.png');
    display: block;
    width: 80px;
    height: 58px;
    background-size: 100% 100%;
}
.fa-hardware:before {
    content: "";
    background:url('https://static.igem.wiki/teams/4195/wiki/circle/hardware.png');
    display: block;
    width: 80px;
    height: 58px;
    background-size: 100% 100%;
}
.fa-project:before {
    content: "";
    background:url('https://static.igem.wiki/teams/4195/wiki/circle/project.png');
    display: block;
    width: 80px;
    height: 58px;
    background-size: 100% 100%;

}
.fa-HP:before {
    content: "";
    background:url('https://static.igem.wiki/teams/4195/wiki/circle/hp.png');
    display: block;
    width: 65px;
    height: 48px;
    background-size: 100% 100%;
}

.fa-member:before {
    content: "";
    background:url('https://static.igem.wiki/teams/4195/wiki/circle/member.png');
    display: block;
    width: 100px;
    height: 73px;
    background-size: 100% 100%;
}

.learn-more{
    height: 200px !important;
    margin-top: 0px ;
}

@media (max-width: 1000px) {
    .menu{
        transform: scale(2) !important;
        left: -30px !important;
    }
    .fa-middle:before{
        width: 100px;
        height: 130px;
    }
    .learn-more{
        height: 90px;
    }
    .learn-more .toggle{
        top: 0px;
        right: 0px;
        bottom: -120px;
    }
}

@media(max-width: 900px) {
    .menu{
        transform: scale(1.5) !important;
    }
}

@media (max-width: 500px) {
    .menu{
        transform: scale(1)!important;
        left: -30px !important;
    }
}

@media (max-width: 300px) {
    .menu{
        transform: scale(0.8)!important;
        left: -30px !important;
    }
}

.learn-more a{
    z-index: 1;
}