/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24/08/2018, 01:55:03 PM
    Author     : BLANKITA
*/

.nosotros-0{
    padding: 170px 0px 0px 0px;
    width: 100%;
    height: 60%;
}
.nosotros-1 {
    background-image: url(../imagen/diseño.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: rgba(19, 19, 22, 0.5);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    /* padding-bottom: 50px; */
}
.nosotros-2 {
    background-color: rgb(0, 186, 231,0.5);
    width: 100%;
    height: 100%;
    margin: 0px;
}
.nosotros-3{
    position: relative;
    top: 40%;
    left: 40%;
    color: white;
}
.nosotros-4{
    font-size: 15px;
    font-weight: 100;
    text-align: center;
    color: #333333;
}
.nosotros-5{
    width: 100%;
    padding: 20px 150px;
}
 @media (min-width: 300px) and (max-width: 600px) {
.nosotros-0 {
    padding: 17% 0px 0px 0px;
    width: 100%;
    height: 65%;
}
.nosotros-3 {
    position: relative;
    top: 40%;
    /* padding: 40% 20%; */
    text-align: center;
    left: 30%;
    color: white;
}
.nosotros-5 {
    width: 100%;
    padding: 2% 10%;
}
    }
    @media (min-width: 600px) and (max-width: 800px) {
.nosotros-0 {
    padding: 17% 0px 0px 0px;
    width: 100%;
    height: 65%;
}
.nosotros-3 {
    position: relative;
    top: 40%;
    /* padding: 40% 20%; */
    text-align: center;
    left: 30%;
    color: white;
}
    }
     @media (min-width: 800px) and (max-width: 900px) {
.nosotros-3 {
    position: relative;
    top: 40%;
    /* padding: 40% 20%; */
    text-align: center;
    left: 40%;
    color: white;
}
.nosotros-0 {
    padding: 34% 0px 0px 0px;
    width: 100%;
    height: 70%;
}

.nosotros-5 {
    width: 100%;
    padding: 2% 8%;
}
     }
    
    @media (min-width: 900px) and (max-width: 1000px) {

.nosotros-5 {
    width: 100%;
    padding: 50px 10px;
    /* position: absolute; */
}
.nosotros-3 {
    position: relative;
    top: 40%;
    left: 40%;
    color: white;
}
.nosotros-1 {
    background-image: url(../imagen/diseño.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: rgba(19, 19, 22, 0.5);
    background-size: cover;
    width: 100%;
    height: auto;
    display: block;
    /* padding-bottom: 50px; */
}
.nosotros-2 {
    background-color: rgb(0, 186, 231,0.5);
    width: 100%;
    height: 130.2%;
    margin: 0px;
}
.nosotros-0 {
    padding: 34% 0px 0px 0px;
    width: 100%;
    height: 65%;
}
}