@import url('https://fonts.googleapis.com/css?family=Montserrat');


    body{
        font-family: 'Montserrat', sans-serif;
    }
	
    a{
        text-decoration: none;
        color:dodgerblue;
    }
	
    a:hover{
        text-decoration: underline;
        color:darkblue;
    }

    img {        
        height: 200px;
        width: 50%;
    }

    #divContainer {
        height:100%;
        width:100%;
        text-align:center;
        background-color:white;
    }
    
    #divPadre {
        height:auto;
        width:auto;
        text-align:center;
        background-color:white;
    }

    #divFondo {
        height:300PX;
        width:100%;
        object-fit: cover;
        object-position: bottom;
        text-align:Center;
        background-position: center;
        background-size: cover;
        background-repeat:no-repeat ;        
    }

    #divLogo {
        height:100%;
        width:100%;
        padding: 10px;
        margin:0px auto;
        background-color:white;
    }

    #divMenu {
        height:100%;
        width: 80%;
        margin:0px auto;
        background-color:White;
    }

    .nav {
        list-style:none; 
        display:flex; 
        justify-content: center;    
    }

    .li1{
        padding-left: 0px;
        padding-right: 10px;
    }

    .li2{
        padding-left: 10px;
        padding-right: 10px;
    }

    .li3{
        padding-left: 10px;
        padding-right: 0px;
    }


    #divServicios {
        height:100%;
        width:80%;
        margin:0px auto;
        background-color:White;
    }

    #divTitulo {
        height:100px;
        width:100%;
        margin:0px auto;
        background-color:#5e99c0;
        display:flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
    }

    #divTestimonios {
        height:650px;
        width:80%;
        margin:0px auto;
        background-color:White;
    }

    .columna1 {
        width:100%;
        float: center;
        padding: 10px;
        height: 150px;
        background-color:white;
    }
    
    .columna2 {
        width: 100%;
        float: center;
        padding: 10px;
        height: 200px;
        background-color: white;
    }

    .columna3 {
        width: 100%;
        float: center;
        padding: 20px;
        height: 250px;
        background-color: white;
    }

    .columna4 {
        width: 100%;
        float: center;        
        padding: 10px;
        height: 200px;
        background-color: white;
    }

    .columna5 {
        width: 100%;
        float: center;        
        padding: 20px;
        height: 100px;
        background-color: white;
    }

    #divPie {
        height:300px;
        width:100%;
        margin:0px auto;
        background-color:white;        
    }

    #divCopy {
        height:50px;
        width:100%;
        margin:10px auto;
        background-color:White;
        padding: 0px;
        text-align: center;
    }

    .row:after {
        content: "";
        display: table;
        clear: both;
    }
	
	form {
	  width: 300px;
	  margin: 0 auto;
	  text-align: left;
	  padding: 20px;
	  border: 1px solid #ccc;
	  border-radius: 5px;
	}

	label {
	  display: block;
	  margin-bottom: 0px;
	  font-size: 16px;
	  font-weight: bold;
	}

	input,
	textarea {
	  width: 100%;
	  padding: 10px 10px;
	  margin-bottom: 10px;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  box-sizing: border-box;
	  font-size: 14px;
	}

	input[type="submit"] {
	  background-color: #496f98;
	  color: white;
	  padding: 12px 20px;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	}

	input[type="submit"]:hover {
	  background-color: #45a049;
	}

    @media screen and (max-width: 480px) and (min-width: 10px) { 
        img {        
            height: 20%;
            width: 20%;
        }

        #divMenu {
            width: 70%;
        }

       #divTestimonios {
            height:550px;
        }

        .columna1 {
            width:100%;
            float: left;
            padding: 10px;
            height: 150px;
        }
        
        .columna2 {
            width: 100%;
            float: left;
            padding: 10px;
            height: 150px;

        }

        .columna3 {
            width: 100%;
            float: left;
            padding: 10px;
            height: 150px;
        }

        #divPie {
            height:220px;      
        }

        .columna4 {
            height: 100px;
        }

        .columna5 {
            width: 100%;
            float: center;        
            padding: 20px;
            height: 150px;
            background-color: white;
        }

    }

    @media screen and (max-width: 768px) and (min-width: 481px) { 
        img {        
            height: 20%;
            width: 20%;
        }

        #divMenu {
            width: 65%;
        }

       #divTestimonios {
            height:600px;
        }

        .columna1 {
            width:100%;
            float: left;
            padding: 10px;
            height: 150px;
        }
        
        .columna2 {
            width: 100%;
            float: left;
            padding: 10px;
            height: 200px;

        }

        .columna3 {
            width: 100%;
            float: right;
            padding: 10px;
            height: 150px;
        }

        #divPie {
            height:250px;      
        }

        .columna4 {
            height: 100px;
        }

    }

    @media screen and (max-width: 1024px) and (min-width: 769px) { 
        img {        
            height: 20%;
            width: 20%;
        }
        
        #divMenu {
            width: 35%;
        }

        #divTestimonios {
            height:300px;
        }

        .columna1 {
            width:30%;
            float: left;
            padding: 10px;
            height: 200px;
        }
        
        .columna2 {
            width: 40%;
            float: left;
            padding: 10px;
            height: 200px;

        }

        .columna3 {
            width: 30%;
            float: right;
            padding: 10px;
            height: 200px;
        }

    }

    @media screen and (max-width: 1200px) and (min-width: 1025px) { 
        img {        
            height: 20%;
            width: 20%;
        }

        #divMenu {
            width: 30%;
        }

        #divTestimonios {
            height:250px;
        }

        .columna1 {
            width:30%;
            float: left;
            padding: 10px;
            height: 200px;
        }
        
        .columna2 {
            width: 40%;
            float: left;
            padding: 10px;
            height: 200px;

        }

        .columna3 {
            width: 30%;
            float: right;
            padding: 10px;
            height: 200px;
        }

       #divPie {
            height:350px;       
        }

        .columna4 {
            height: 250px;
        }

        .columna5 {      
            height: 50px;
        }


    }

    @media screen and (max-width: 7500px) and (min-width: 1201px) { 
        img {        
            height: 10%;
            width: 10%;
        }

        #divMenu {
            width: 25%;
        }

        #divFondo {
            height:650PX;
            object-position: center;      
        }
    
        #divTitulo {
            font-size: 30px;
        }

        #divTestimonios {
            height:250px;
        }

        .columna1 {
            width:30%;
            float: left;
            padding: 10px;
            height: 150px;
        }
        
        .columna2 {
            width: 30%;
            float: left;
            padding: 10px;
            height: 150px;

        }

        .columna3 {
            width: 30%;
            float: right;
            padding: 10px;
            height: 150px;
        }

        #divPie {
            height:250px;       
        }

        .columna4 {
            height: 150px;
        }

        .columna5 {      
            padding: 10px;
            height: 50px;
        }

        #divCopy {
            height:10px;
            margin:0px auto;
            padding: 0px;
        }


    }