.signup-page{
    border-top: 10px solid #ed1c24;
}


.card{
    background: none;
    box-shadow:none;
}

.title{
    color: white;
    background: #ed1c24;
    border-radius: 10px;
}

.title-treinamento{
    color: white;
    background: #a7a9ac;
    border-radius: 10px;
    height: 50px;
}

.title-treinamento h4{
    margin: 10px 0 10px;
}

.sistema{
    background: white;
    border-radius: 10px;
    padding: 20px 15px 20px 15px;
    height: 60px;
    width: 132px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#footer{
    color: white;
    background: #ed1c24;
    height: 50px;
    padding: 15px 0 0 15px;
    opacity: 0.9;
}


@media screen and (min-device-width: 992px) {   
    .signup-page .wrapper .card-signup {margin: 60px 0 40px;}
    .sistema img{margin-top: -10px!important}

}

@media screen and (min-width: 992px) {   
    .signup-page .wrapper .card-signup {margin: 60px 0 40px;}
    .sistema img{margin-top: -10px!important}
}

/*TABLET*/
@media screen and (max-width: 991px) {
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;}
    .sistema img{margin-top: -10px!important}
}

@media screen and (max-device-width: 991px) {   
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;}
    .sistema img{margin-top: -10px!important}
}

/*SMARTPHONE*/

@media screen and (max-width: 758px) {
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;    margin-left: 20px;}
    #footer{    height: 70px;}

}

@media screen and (max-device-width: 758px) {
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;    margin-left: 20px;}
    #footer{    height: 70px;}
}

@media screen and (max-width: 608px) {
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;    margin-left: 20px;}
    #footer{    height: 70px;}
}

@media screen and (max-device-width: 608px) {
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;    margin-left: 20px;}
    #footer{    height: 70px;}
}

@media screen and (max-width: 408px) {
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;    margin-left: 20px;}
    #footer{    height: 70px;}
}

@media screen and (max-device-width: 408px) {
    .signup-page .wrapper .card-signup {margin: 0px 0 20px;}
    .sistema{margin-right: 10px!important;    margin-left: 20px;}
    #footer{    height: 70px;}
}