/* --
font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Nunito', sans-serif;
--*/

html{ font-size:100%; height: 100%}
body{
	background:#fff;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  height: 100%;
  overflow-x: hidden;
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.show-mobile{
  display: none;
}

.bred{
  border: 1px solid red;
}
.name{
  text-decoration: none;
  color: #000000;
}
/*----*/
.title{
  display: block;
  border-bottom: 2px solid #0d47a4;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
}
.title::before{
  display: inline-block;
  font-size: 20px;
  background: #0d47a4;
  color: #ffffff;
  content: "<";
  text-align: center;
  padding: 2px 10px;
  margin-right: 10px;
}
.description p{
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
}
.description p span{
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

.skill div{
  display: inline-block;
  background: #dddddd;
  padding: 4px 12px;
  color: #000;
  margin: 3px 12px 12px 0;
}
.hobby img{
  margin-right: 6px;
  border-radius: 50%;
  border: 2px solid #dddddd;
}
.top-header {
  padding: 5px 0px;
  background: #dddddd;
}
.top-header h1{
  font-size: 2.1rem;
}

.item{
  width: 48%;
  padding: 1%;
  margin-bottom: 20px;
  border: 1px solid #d3d3d3;
  background: #f3f3f3;
}
.item .thumb_desc{
  font-size: 12px;
}

.item .thumb {
  overflow: hidden;
}
.item .thumb img {
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
}

.item .thumb img:hover{
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
}