@media only screen and (max-width:500px){
.logo_crd{
    width: 40%;
}
.btn_abrir{
    bottom: 75px;
    right: 25px;
}
.cdro2{
    bottom: 250px;
}
.cdro3{
    bottom: 250px;
}
.cdro4{
    bottom: 250px;
}
.img1{
    bottom: 200px;
}
.img2{
    bottom: 0px;
    top: 150px;
}
.line2{
    bottom: 250px;
    left: 250px;
}
.line3{
    bottom: 250px;
}
.line4{
    bottom: 250px;
    left: 220px;
}
.dot2{
    top: -250px;
    left: 243px;
}
.dot3{
    bottom: 250px;
}
.dot4{
    bottom: 250px;
    left: 214px;
}
#side_menu{
    bottom: 245px;
    width: 350px;
}

h4{
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    position: relative;
    bottom: 60px;
}

}