/*html,body{

    background-color: #878dec;
    height: 100%;
    margin-bottom: auto;
}*/

@keyframes spinner-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#services {
    background-color: #878dec;
    height: 100%;
    margin-bottom: auto;
    padding: 14rem 0 !important;
}

#services2 {
    background-color: #fff;
    height: 100%;
    margin-bottom: auto;
    padding: 20rem 0 !important;
}

ul {
    list-style-type: none;
}


.tv {
    /*  justify-items: center;*/
    display: flex;
    justify-content: center;

     /*align-items: center;*/
}

.tv:after{
    font-family: "FontAwesome";
    content: "\f269";
    animation: spinner-spin 2s steps(8) infinite;
    color: #E85B0B;
    position: absolute;
    font-size: 4em;
    /*bottom: 4.4rem;*/
    margin-top:1.6rem;
}

.tv:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f111';
    font-weight: 900;
    color: deepskyblue;
    position: absolute;
    font-size: 4em;
   /* bottom: 4.4rem;*/
    justify-content: center;
    align-items: center;
    margin-top: 1.6rem;

}


.laptop {
    justify-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.laptop:before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f17a';
    color: deepskyblue;
    position: absolute;
    font-size: 3em;
    bottom: 8.5rem;
}

#foxTv{
    display: flex;
    justify-content: center;
    align-items: center;;
}



#services a, #services2 a {
    text-decoration: underline;
    color: #000;

}

#services a:hover, #services2 a:hover {
    text-decoration: none;
    color: #000;
!important;

}

/*
@media all and (min-width: 280px) and (max-width: 576px) {
    .tv:after, .tv:before {
        bottom: 3rem;
    }

    .laptop:before {
        bottom: 4rem;
    }
}

@media all and (min-width: 576px) and (max-width: 768px) {
    .tv:after, .tv:before {
        bottom: 9.2rem;
    }

    .laptop:before {
        bottom: 4rem;
    }
}


@media all and (min-width: 768px) and (max-width: 900px) {
    .tv:after, .tv:before {
        bottom: 6.5rem;
    }

    .laptop:before {
        bottom: 4rem;
    }
}

@media all and (min-width: 900px) and (max-width: 992px) {
    .tv:after, .tv:before {
        bottom: 6.3rem;
    }

    .laptop:before {
        bottom: 4.1rem;
    }
}

@media all and (min-width: 992px) and (max-width: 1024px) {
    .tv:after, .tv:before {
        bottom: 4.5rem;
    }

    .laptop:before {
        bottom: 12.1rem;
    }
}

@media all and (min-width: 1024px) and (max-width: 1200px) {
    .tv:after, .tv:before {
        bottom: 4.5rem;
    }

    .laptop:before {
        bottom: 12.1rem;
    }
}

@media all and (min-width: 1200px) and (max-width: 1280px) {
    .tv:after, .tv:before {
        bottom: 4.5rem;
    }

    .laptop:before {
        bottom: 8.5rem;
    }
}*/

@media all and (min-width: 280px) and (max-width: 992px)
{
    .responsive-tv{
        margin-bottom: 3rem;
    }
}