@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css?family=Dosis')

  
body{ margin: 0; }

.contenedor { 
            margin:0 auto; }

header{ text-align: center; 
        margin: 1%; 
		text-align: center;
        margin-bottom: 0rem; 
	    margin-left: 0; 
		margin-right: 0;}

		
.encabezado { width: 40%;}

nav{ font-family:'Dosis', sans-serif;
	 font-size:1rem;
     text-align: center;
     color:#e8e8e8;
     background-color: #0b847e; 
     padding: 0.5rem; 
     margin-top: 0rem;
     margin-bottom: 0rem;
     margin-left: 0;
     margin-right: 0;}
	 
nav h1{text-align:center; font-family: 'Dosis', sans-serif;}
nav ul li { display: inline; 
            margin: 3rem; }
nav ul li a { text-decoration: none;
              color:#FFF; 
			  font-size: 1.5rem;}
A:hover { color: #0B4943; }

section{ background-color: #12b3b1;
    font-family: 'Josefin Sans', sans-serif;
	font-size:1rem;
	color:#006; 
	margin: 0rem; 
	padding-left: 5rem; 
	padding-right: 5rem; 
	padding-bottom: 1rem; 
	padding-top: 1rem;
	text-align:center; }
	
.column4 {
    background-image: url(img/fondo1.jpg); 
	background-size: cover; 
    display:flex;flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: stretch;}
	
.column4 article {width: 15%;}
.column4 article p {color: aliceblue; 
                    font-size: 1.5rem; }

.info {background: #d9d9d9;
       text-align: center; 
	   font-size: 1rem; 
	   font-weight: 200; 
	   margin-top: 0;}

.app {font-family:'Josefin Sans', sans-serif; 
       background: #096a69; 
	   text-align: left; 
	   font-size: cover; 
	   font-weight: 300; 
	   margin-top: 0;
	   margin-bottom: 0;}

.app p {color: #fff; }

footer {background: #575757; 
        color: aliceblue; 
		font-family:'Josefin Sans', sans-serif; 
		font-size: 0.8rem; 
		margin-top: 0; 
		padding:0.5rem; 
		padding-left:5rem;
		padding-right:5rem;
		text-align: center; }
		
		
/* IPAD */
@media (max-wigth:768px){
nav ul li { display:inline;
            margin: 2rem; }
	}

/* CELULARES */		
@media (max-width:320px){
.encabezado { width: 90%;}

nav{ font-size:0.6rem;}

nav ul li { display: flex; 
            margin:0rem; }
nav ul li a { font-size: 1rem;}

section{
	padding-left: 2rem; 
	padding-right: 2rem; 
 }

.column4 {
    display: inherit;
	}
	
.column4 article {width: 40%;
                  margin-left:5rem; 
				  margin-right:5rem;}

.column4 article p {color: aliceblue; 
                    font-size: 1rem; }
    
footer { 
		padding-left:2rem;
		padding-right:2rem;
	}