body{
	font-family: 'Montserrat', sans-serif;
	margin: 0;
}

#box{
	z-index: 0;
    height: 110px;
    width: 110px;
    border-radius: 100%;
    display: block;
    margin-left: 425px;
    position: absolute;
    -webkit-box-shadow: inset 0px 0px 68px 12px rgba(0,187,255,1);
    -moz-box-shadow: inset 0px 0px 68px 12px rgba(0,187,255,1);
    box-shadow: inset 0px 0px 68px 12px rgba(0,187,255,1);
    -webkit-animation: looka 2s infinite; /* Safari 4+ */
    -moz-animation:    looka 2s infinite; /* Fx 5+ */
    -o-animation:      looka 2s infinite; /* Opera 12+ */
    animation:         looka 2s infinite; 
}
@-webkit-keyframes looka {
  0%   { height: 104px; width: 104px; opacity: 1; }
  100% { opacity: 0; height: 300px; width: 300px; margin-left: 337px; margin-top: -100px;}
}

/* Cover */

#cover{
	height: 340px;
	width: 100%;
	background: #363B4B;
	padding-top: 80px;
	padding-bottom: 80px;
}
#logo{
	float: left;
	font-size: 22px;
	color: white;
	font-weight: bold;
}
.menu{
	float: right;
}
.element{
	list-style: none;
	float: left;
	color: white;
	font-size: 16px;
	cursor: pointer;
	margin-right: 30px;
}
#me{
	position:relative;
}

#me:hover +s #box{
	display: none;
}

#mepart{
	float: left;
	width: 100%;
	height: 200px;
	margin-top: 100px;
}
.covertext{
	margin-top: 32px;
	color: white;
	font-size: 18px;
}

/* About */

#about{
	background: #F3F3F3;
	padding-top: 80px;
	padding-bottom: 80px;
}

/* Trabajos */

#works{
	background: white;
	padding-top: 80px;
	padding-bottom: 80px;
}
.work_min{
	max-width: 300px;
	text-align: left;
	float: left;
	margin-right: 30px;
	margin-top: 80px;
}
.work_min:last-child{
	margin-right: 0;
}
.mini-title{
	color: #353535;
	font-size: 16px;
	padding: 20px 20px 4px 20px;
}
.mini-text{
	color: #959595;
	font-size: 14px;
	padding: 0 20px 0 20px;
}

/* Contacto */

#contacto{
	height: auto;
	width: 100%;
	background: #68A4FF;
	padding-top: 45px;
	padding-bottom: 45px;
}
.metext{
	color: white;
	float: left;
	margin-top: 30px;
}
.icons{
	float: right;
}
.icons img{
	opacity: 0.5;
	float: right;
	margin-right: 20px;
	transition: all 0.2s linear;
	cursor: pointer;
}
.icons img:hover{
	opacity: 1;
}
.contc{
	margin-bottom: 15px;
	margin-right: 20px;
	color: white;
}

/* Generales */

a{
	text-decoration: none;
}
#wrap{
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
.title{
	color: #5B5B5B;
	font-size: 24px;
}
.title::after{
	content: "";
	height: 2px;
	width: 140px;
	display: block;
	background: #E1E1E1;
	margin-left: 400px;
	margin-top: -12px;
	position: relative;
}
.title::before{
	content: "";
	height: 2px;
	width: 140px;
	display: block;
	background: #E1E1E1;
	margin-bottom: -12px;
	margin-right: 400px;
	position: inherit;
}
.text{
	font-size: 16px;
	color: #A2A2A2;
	margin-top: 55px;
	line-height: 31px;
	font-weight: normal;
}
.clr{
	clear: both;
}
@media only screen and (max-width: 960px){
	#wrap{
		padding-left: 15px;
		padding-right: 15px;
		width: calc(100% - 30px);
	}
	.work{
		width: 100%;
	}
	.work_min{
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
}
@media only screen and (max-width: 560px){
	.title::after{
		display: none;
	}
	.title::before{
		display: none;
	}
	.hide{
		display: none;
	}
}