@font-face {
	font-family: 'Avenir Next';
	src: url('../fonts/AvenirNextLTPro-Bold.otf');
}

body{
	font-family: 'Avenir Next';
	background: #000000;
	/*background: url('./images/CameraSolutions_Logo.png') no-repeat fixed center center #333;
	background-size: cover;*/
}

header {
	/*display:flex;
	align-items: center;*/
	padding: 0 1rem;
	margin: 1rem;
}

a {
	text-decoration: none;
}

.logo {
	display:flex;
	width:70%;
	margin: 0 auto;
}

.logo img {
	width:100%;
	height: 100%;
}

.wrapper {
	padding: 0 1rem;
	margin: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrapper-inline {
	text-align:center;
	width: 800px;
}

.email-contacto h1 a {
	color:#fff;
}

.social-media {
	padding-top: 80px;
	padding-bottom: 80px;
}
.social-media {
	right: 0;
	text-align: center;
}
.social-media div:nth-child(1), .social-media div:nth-child(2), .social-media div:nth-child(3) { 
	display: inline-block; 
	height:100px;
	width:100px;
}
.social-media div:nth-child(1) { 
	float: left;
} 
.social-media div:nth-child(2) { 
	margin: 0 auto;
}
.social-media div:nth-child(3) {
	float: right;
}
.clear {
	clear: both;
}
.social-media div a {
	display:block;
}
.social-media div a.whatsapp {
	background: url('../images/Whatsapp_logo.png') no-repeat center;
	background-size: 60%;
	width:100px;
	height:100px;
}
.social-media div a.instagram {
	background: url('../images/INSTA_logo.png') no-repeat center;
	background-size: 100%;
	width:100px;
	height:100px;
}
.social-media div a.facebook {
	background: url('../images/FB_logo.png') no-repeat center;
	background-size: 60%;
	width:100px;
	height:100px;
}

.telefono-contacto a{
	display:block;
	color:#ffffff;
	font-size: 2rem;
}
/*
@media (max-width:480px){
	.logo {
		display:flex;
		width:100%;
		margin: 0 auto;
	}
	.wrapper {
		padding: 0 1rem;
		margin: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.wrapper-inline {
		text-align:center;
		width: 260px;
		display: block;
	}
	.email-contacto {
		padding-top: 20px;
	}
	.email-contacto h1 {
		color:#fff;
		font-size: 1.4rem;
	}
	.social-media {
		padding-top: 30px;
		padding-bottom: 30px;
		background:yellow;
	}

	.social-media ul li {
		display:inline-block;
		margin: 0 1px;
		text-align:center;
	}

	.social-media ul li a{
		display:block;
		padding: 0 10px;
		color:#ffffff;
		max-height: 100%;
		max-width: 100%;
	}

	.whatsapp img {
		margin-right: 50px;
		height: 120px !important;
		width: 120px! important;
	}

	.instagram img {
		height: 150px !important;
		width: 150px! important;
	}

	.facebook img {
		margin-left: 50px;
		height: 120px !important;
		width: 120px! important;
	}
}*/

@media (max-width:960px){
	.logo {
		display:flex;
		width:100%;
		margin: 0 auto;
	}
	.wrapper {
		padding: 0 1rem;
		margin: 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.wrapper-inline {
		text-align:center;
		width: 320px;
		display: block;
	}
	.email-contacto {
		padding-top: 20px;
	}
	.email-contacto h1 {
		font-size: 1.4rem;
	}
	.email-contacto h1 a {
		color:#fff;
	}
	.social-media {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.social-media {
		right: 0;
		text-align: center;
	}
	.social-media div:nth-child(1), .social-media div:nth-child(2), .social-media div:nth-child(3) { 
		display: inline-block; 
		height:100px;
		width:100px;
	}
	.social-media div:nth-child(1) { 
		float: left;
	} 
	.social-media div:nth-child(2) { 
		margin: 0 auto;
	}
	.social-media div:nth-child(3) {
		float: right;
	}
	.clear {
		clear: both;
	}
	.social-media div a {
		display:block;
	}
	.social-media div a.whatsapp {
		background: url('../images/Whatsapp_logo.png') no-repeat center;
		background-size: 60%;
		width:100px;
		height:100px;
	}
	.social-media div a.instagram {
		background: url('../images/INSTA_logo.png') no-repeat center;
		background-size: 100%;
		width:100px;
		height:100px;
	}
	.social-media div a.facebook {
		background: url('../images/FB_logo.png') no-repeat center;
		background-size: 60%;
		width:100px;
		height:100px;
	}
}