body {
    background-color: rgba(150, 210, 150, .1);
}

#header {
    /*----sacar todos los height cuando tenga contenido----*/
    height: 80px;
    /*100px*/
    background-color: rgba(10, 80, 125, .75);
    /*rgba(18,30,45,.6);*/
}

h1 {
    color: white;
    font-size: 50px;
    font-family: cursive;
}

.nav li {
    text-align: center;
}

#subt {
    font: 16px tahoma;
    color: white;
}

#btn_menu {
    background-color: white;
}

.navbar-toggler {
    height: 35px;
    color: silver;
    border: 1px solid silver;
}

#inicio {
    background-size: cover;
    height: auto;
}

#idea {
    text-decoration: none;
    color: linen;
}

#idea:hover {
    color: orange;
}

#h2_js {
    color: rgba(255, 255, 255, .8);
}

#btn_h2_js {
    width: 300px;
    height: 150px;
    border: 1px solid rgba(91, 213, 225, 1);
    background-color: rgba(0, 0, 0, .5);
    animation-timing-function: linear;
    animation-duration: .2s;
    animation-direction: normal;
}

#carta_principal {
    background-color: rgba(0, 0, 0, .5);
    border: none;
}

#list {
    width: 60%;
}

a {
    text-decoration: none;
    color: white;
    font-size: 15px !important;
}

a:hover {
    transition-duration: 1s;
    text-decoration: none;
    color: black;
}

.list-group-item:hover {
    background-color: rgba(255, 255, 255, .5);
}

.list-group-item {
    transition-duration: 1s;
    background-color: rgba(17, 10, 21, .4);
    color: white;
    font-size: 22px;
}

#up {
    position: fixed;
    top: 450px;
    left: 95%;
    opacity: .5;
    z-index: 10;
}

#wasap {
    position: fixed;
    top: 380px;
    left: 95%;
    opacity: .5;
    z-index: 10;
}

#up:hover,
#wasap:hover {
    opacity: .8;
}

#bor {
    border: none;
}

.text {
    font-family: helvetica;
    color: rgba(0, 0, 0, .6);
}

#barra {
    margin-top: 15px;
    background-color: rgba(255, 255, 255, .9);
}

#hom,
#muj {
    background-color: rgba(255, 155, 10, .2);
}

.card-title,
.card-text {
    color: rgba(20, 30, 40, .7);
}

#titulo_card {
    font-size: 50px;
    font-weight: 400;
    color: rgba(0, 0, 0, .7);
}

#principal {
    font-size: 50px;
    font-weight: 400;
    color: rgba(255, 69, 0, .75) !important;
}

#barra .card {
    background-color: transparent;
    box-shadow: 5px 7px 9px 5px lightgrey;
    transition-duration: .5s;
    opacity: .7;
}

#barra .card:hover {
    opacity: 1;
    filter: contrast(1);
}

#gente {
    margin-bottom: 20px;
}

.nav-item a {
    font-size: 18px;
    color: white !important;
}

.nav-item a:hover {
    color: rgba(91, 213, 225, 1) !important;
}

.dropdown-menu {
    background-color: rgba(10, 80, 125, .85);
}

.dropdown-item:hover {
    background-color: rgba(10, 80, 125, .85) !important;
}

#principal {
    font-family: cursive;
    color: /*rgba(10,20,20,.8)*/
    rgba(2, 5, 5, .8);
}

#motiv {
    font-size: 20px;
    font-family: sans-serif;
    color: /*rgba(0,0,0,.7)*/
    rgb(10, 80, 125) !important;
    padding: 0 0 10px 10px;
    background-color: rgba(245, 245, 235, .5);
    border-right: 2px solid lightgrey;
    border-bottom: 2px solid lightgrey;
}

#servicios_dev,
#servicios_red,
#equipo,
#contacto {
    height: auto;
}

#armadoReparacion {
    height: 600px;
    background-color: rgba(177, 77, 21, .5);
}

.card img {
    width: 140px !important;
}

#redactora {
    background-color: rgba(255, 255, 255, .5);
}

#somos {
    background-color: rgba(10, 80, 125, .45);
    color: white;
    font-family: helvetica;
}

#equipo_tit {
    height: 70px;
    background-color: rgba(10, 80, 125, .85);
}

#img_team {
    background-image: url('imagenes/work.jpg');
    background-size: cover;
}

#equipo_tit>h2 {
    color: rgba(0, 0, 0, .8);
    font-size: 40px;
    color: white;
}

#formulario {
    background-color: rgb(145, 173, 211);
    border: 1px solid silver;
    margin-bottom: 10px;
    margin-top: 10px;
}

.titulo_form {
    text-align: center;
    height: 40px;
    color: rgba(255, 255, 255, 1);
}

#btn_contacto {
    color: white;
}

#foot_1 {
    background-color: rgba(15, 40, 10, .3);
    height: 90px;
}

#foot_2 {
    height: 50px;
    text-align: center;
    color: white;
    background-color: rgba(10, 80, 125, .85);
}

#home {
    color: rgba(91, 213, 225, 1) !important;
}

#watsap_pie,
#face,
#mail {
    float: left;
    margin: 20px 0 0 30px
}

html {
    background-color: rgb(255, 234, 234);
    /*background-image: url('imagenes/pru1.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

#redaccion {
    background-color: rgba(255, 255, 255, .5);
    margin-top: 0px;
}

#svg {
    animation: rotar 40s linear;
    animation-iteration-count: infinite;
    animation-direction: normal;
    margin-left: 30%;
    margin-top: -40%;
}

@keyframes rotar {
    to {
        transform: rotate(360deg);
    }
}

@media all and (max-width: 900px) {
    #wasap {
        top: 330px;
        left: 90%;
    }
    #up {
        top: 390px;
        left: 90%;
    }
    #gente {
        height: 350px;
    }
}

@media all and (max-width: 768px) {
    #navbarSupportedContent {
        z-index: 10;
        background-color: rgba(10, 80, 125, .85);
        text-align: center;
    }
    #svg {
        margin-left: 0%;
        margin-top: -80%;
    }
    #wasap,
    #up {
        left: 85%;
    }
    #up {
        top: 320px;
    }
    #wasap {
        top: 250px;
    }
}

@media all and (max-width: 576px) {
    #img_team {
        display: none;
    }
    #foot_2 {
        height: 80px;
    }
    #equipo_tit>h2 {
        font-size: 32px;
    }
    #logo {
        font-size: 40px;
    }
    #logo>span {
        font-size: 17px;
    }
    #principal {
        font-size: 32px;
        text-align: center;
    }
    #motiv {
        text-align: center;
        font-size: 16px;
    }
}