main{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 870px;
}

.center {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    top: 100px;
}

.tires {
    width: 300px;
    -webkit-animation: spin 30s linear infinite;
    -moz-animation: spin 30s linear infinite;
    animation: spin 30s linear infinite;
}

/*use keyframes*/
@-webkit-keyframes spin {
    100%{-webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin{
    100%{-webkit-transform: rotate(360deg);}
}
@keyframes spin{
    100%{-webkit-transform: rotate(360deg);}
}

.center .heading {
    margin-top: 25px;
    width: 400px;
}

.bio {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    top: 200px;
}

.bio ul {
    list-style: none;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.twentyfourseven {
    font-weight: 200;
    font-size: 1.5em;
    margin: 0;
}

.smaller {
    font-weight: 200;
    font-size: 1em;
}



.second {
    top: 25px;
}
p {
    font-weight: 500;
    color: white;
}


.bio span {
    color: white;
}

.secondrow {
    position: relative;
    top: 25px;

}

.bio a {
    text-decoration: none;
}

@media only screen and (max-width: 700px) {

.tires {
    width: 250px;
}

.center {
    top: 50px;
}

.bio {
    top: 120px;
}

.center .heading {

    width: 300px;
}

.bio ul {
    font-size: .8em;
}

}