@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
}

header {
    width: 100%;
    height: 80px;/*50*/
    /*background: #333;
    color: green;#fff;*/
    
	background:white;
	color: #006699;
	
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
	
	
}

.contenedor {
    width: 98%;
    margin: auto;
}

h1 {
    float: left;
}

header .contenedor {
    display: table;
}

section {
	width: 100%;
	margin-bottom: 25px;
}




#somosleft,#somosright {
		padding: 10px;
		/*background:#ccc;*/
		-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	}

#somosleft,#somosright,#titulo {
	flex-wrap: wrap;
	}

#somosleft {
		float: left;
		width: 50%;
		height: 450px;
	}
#somosright {
		float: right;
		width: 50%;
		height: 450px;
	}

#somosleft img {
	width: 100%;
	height: 100%;
}

#titulo {
	text-align: center;
	color:"#006699";
	font-size:36px;
}

#titulo h1{
	float: center;
}




@media screen and (max-width:1024px) {
		.container {
			width:98%;
			
		}
		#somosleft {
			width:68%;
			height: auto;
		}
			
		
		
	}
	
@media screen and (max-width:768px) {
		#somosright,#somosleft{
			float:none;
			width:96%;
			height: auto;
		}
		nav, #somosleft  {
			font-size:1.2em;
		}
		#somosright {
			margin-top:5px;
		}
		#titulo {
			font-size:24px;
		}
		header {
			font-size:12px;
		}
		
		header p {
			font-size:20px;
		}
		
	}
	
@media screen and (max-width:480px) {
		/*#somosright {
			display:none;
		}*/
		#titulo {
			font-size:24px;
		}
		nav, #somosleft {
			font-size:12px;
		}
		#somosleft {
			width:94%;
			height: auto;
		}
		header {
			font-size:12px;
		}
		header p {
			font-size:20px;
			
		}
		
			
		
		
	}