body{
	font-family:'Open-sans',sans-serif;
	font-size: 17px;
	line-height: 1.5em;
	margin: 0;
	padding:0;
	background-color: #333;
    color: white;
}


.container{
	margin:auto;
    width: 100%;
}

img{
	width:100%;
}

.logo {
	width:50%;
	height:50%;
}

.logoin {
	width: 25%;
}

/*Clases Comunes*/

.primary-text{
	color:#56a79a;
}

.primary-background{
	/*background:#111;*/
}

/* HEADER */

#main-header{
	border-bottom:1px solid #56a79a;
	background-color: rgb(16, 16, 16);
}


#main-header .fa{
  font-size:60px;
  color:#56a79a;
}

/* NAVBAR */

#navbar{
	text-transform: uppercase;
}

#navbar li{
	display:inline;
	padding-right:20px;
	list-style:none;
}

#navbar a{
	text-decoration:none;
	color:#888;
}

#navbar li.current a, #navbar a:hover{
	color:#56a79a;
	border-bottom: 3px solid #56a79a;
	padding-bottom:3px;
}

/* SHOWCASE */

#showcase{
	background:url("../images/showcase1080.jpg") no-repeat center center;
	border-bottom: 1px solid #56a79a;
	/* margin-bottom: 30px; */
}

#showcase .row{
	 height: 600px;
}

#showcase h1{
	font-size:50px;
	margin:0;
	padding-bottom:20px;
	opacity:1;
	z-index:2;
}

#showcase p{
	color:#ccc;
	margin:0;
}

#showcase .showcase-content{
	background:#333;
	color:#white;
	border-radius:90px;
	padding: 40px;
	opacity: 0.85;
	z-index:1;
}

/* FEATURES */

#features {
	/* background-color: rgb(16, 16, 16); */
	background-color: #333;
	padding-top: 1rem;
}

#features .title {
	color:white;
}

#features h2{
	font-size:35px;
	margin:0;
	padding-bottom:30px;
}

#features p{
	color:#888;
	margin:0;
	margin-bottom:40px;
}

#features .fa{
  font-size:60px;
  color:#56a79a;
}

/* INFO */

#info{
	background:#333 url('../images/info-bg.jpg') no-repeat;
	color:#fff;
}

#info h2{
	font-size:35px;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	/*	font-weight:bolder;	*/
	color: White;
}

#info ul{
	list-style:none;
	padding:0;
}

#info li{
	list-style:none;
	line-height:2em;
	font-size:20px;
}

#info img{
	padding-top:10px;
	padding-bottom:10px;
}

/* COMPANY  */

#company{
	background:#333;
	color:#fff;
	padding:10px 0;
}

#company h4{
	text-transform:uppercase;
	margin-bottom:0;
}

#company ul{
	padding:0;
	list-style:none;
	line-height:2em;
}

#company input[type="text"]{
	padding:7px;
	width: 100%;
}

#company .button{
	background:#222;
	color:#fff;
	padding:10px;
	border:0;
}

/* FOOTER */
#main-footer{
	background:#56a79a;
	color:#fff;
	font-style:bold;
}


/*  PAGE */
#page{
	margin-bottom:40px;
}

/* SERVICES */
.services ul li{
	list-style:none;
	padding:10px;
}

.services ul li:nth-child(even){
	background:#fff;
	color:#333;
	color:#333;
	border-radius: 0  0 1rem 1rem; 
}

.services ul li:nth-child(odd){
	background:#56a79a;
	color:#333;
	border-radius: 1rem 1rem 0  0;
}

/* CONTACT */

.contact form{
	background:#333;
	color:#fff;
	padding:20px;
}

.contact form input[type="text"]{
	width:50%;
	height:50px;
}

.contact form input[type="email"]{
	width:50%;
	height:50px;
}

.contact form input[type="submit"]{
	width:50%;
	padding: 10px 0;
	border:0;
	background:#222;
	color:#fff;
}

.contact form input[type="submit"]:hover{
	width:50%;
	padding: 10px 0;
	border:0;
	background:#555;
	color:#fff;
}

.contact form textarea{
	width:50%;
	height:50px;
}

.contact form label{
	text-transform:uppercase;
}

/* MEDIA QUERIES */
@media(max-width:800px){
	#showcase h1{
		font-size:30px;
	}
}

@media(max-width:570px){
	#showcase .showcase-content{
		padding: 40px 10px;
	}

	#navbar ul{
		-webkit-margin-before:0;
	}

	#navbar li{
		font-size:12px;
		color:red;
	}

}

@media(max-width:400px){
	#navbar li{
		font-size:10px;
		color:red;
		padding-right:10px;
	}

	#navbar ul{
		-webkit-margin-before:0;
	}

	#company{
	background:#333;
	color:#fff;
	padding:10px 10px;
	}
}