@media (max-width: 767px) {
.flying-robot{
position: relative;
text-align: center;
top:60px;
}
.fly{
text-align: center;
}
.fly .content ul li a{
border:none;
}
.content{
width: 100%;
}
.main .content h1,
.main .content p{
margin: 10px;
}
.footer{
text-align: center;
}
margin-left: auto;
margin-right: auto;
}
@media (max-width: 520px){
.fly{
height: 60px;
}
.fly .content .ribbon{
display: block;
width: 100%;
}
.main{
margin-top:80px;
margin-bottom: 80px
}
margin-left: auto;
margin-right: auto;
}