@charset "utf-8"; img {
    max-width: 100%;
    height: auto;
}

/*------------------------------
 layout
 ------------------------------*/
.container {
    width: 100%;
}

.visible-phone {
    display: block;
}

.hidden-phone {
    display: none;
}

.section {
    width: 100%;
}

.header {
}

.header h1 {
}

.header h1 svg {
}

div.section {
}

div.section>h3 {
}

div.section>p {
    font-size: 12px;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.rotate {
    -webkit-animation: spin 3.5s ease-in-out infinite;
    -moz-animation: spin 3.5s ease-in-out infinite;
    -ms-animation: spin 3.5s ease-in-out infinite;
    -o-animation: spin 3.5s ease-in-out infinite;
    animation: spin 3.5s ease-in-out infinite;
}
p.copy {
}

.contact_box {max-width: 170px;margin: 26% auto 20%;}

.twitter_box.rotate {
    max-width: 140px;
    margin: 20% auto;
    width: 100%;
}

.blur2 {
    -webkit-filter: blur(0px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.blur2:hover {
    -webkit-filter: blur(0px);
}

.marker {

font-size: 14px;

font-weight: bold;
}