.bord {
   border: 3px solid #fff;
   border-radius: 15px;
   box-shadow: 10px 10px 5px rgba(34, 5, 5, 0.46);
}

.mtile {
    box-sizing: border-box;
    display: inline-block;
    height: 74px;
    margin-bottom: 25px;
    padding: 10px;
    width: 74px;
}

.rside {
    float: right;
}

#pin {
  color: #fff;
  text-shadow:
       3px 3px 10px #000,
     -1px -1px 0 #000,
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  font-size: 55px;
  font-weight: bold;
}
/*#pin::first-letter{
  color: #00A600
}*/

.tile > h3 {
    font-size: 24px;
}

.font-fix {
	font-size: 18px;
}

.sto-ico {
    background-image: url('/assets/images/sto_ico.png');
    background-position: center;
    background-repeat: no-repeat;
}

.sto-ico-sm {
    background-image: url('/assets/images/sto_ico_sm.png');
    background-position: center;
    background-repeat: no-repeat;
}

.gh-ico {
    background-image: url('/assets/images/gh_ico.png');
    background-position: center;
    background-repeat: no-repeat;
}

.gh-ico-sm {
    background-image: url('/assets/images/gh_ico_sm.png');
    background-position: center;
    background-repeat: no-repeat;
}

.fk-ico {
	background-image: url('/assets/images/fk_ico.png');
	background-position: center;
	background-repeat: no-repeat;
}

.fk-ico-sm {
    background-image: url('/assets/images/fk_ico_sm.png');
    background-position: center;
    background-repeat: no-repeat;
}

.gl-ico {
	background-image: url('/assets/images/gl_ico.png');
	background-position: center;
	background-repeat: no-repeat;
}

.gl-ico-sm {
	background-image: url('/assets/images/gl_ico_sm.png');
	background-position: center;
	background-repeat: no-repeat;
}

.tw-ico {
	background-image: url('/assets/images/tw_ico.png');
	background-position: center;
	background-repeat: no-repeat;
}

.tw-ico-sm {
	background-image: url('/assets/images/tw_ico_sm.png');
	background-position: center;
	background-repeat: no-repeat;
}

.lk-ico {
	background-image: url('/assets/images/lk_ico.png');
	background-position: center;
	background-repeat: no-repeat;
}

.lk-ico-sm {
	background-image: url('/assets/images/lk_ico_sm.png');
	background-position: center;
	background-repeat: no-repeat;
}

.rs-ico {
	background-image: url('/assets/images/rs_ico.png');
	background-position: center;
	background-repeat: no-repeat;
}

.rs-ico-sm {
	background-image: url('/assets/images/rs_ico_sm.png');
	background-position: center;
	background-repeat: no-repeat;
}

.icon-resume {
	background-image: url('/assets/images/icon-resume.png');
	background-position: center;
	background-repeat: no-repeat;
}

.icon-resume-small {
	background-image: url('/assets/images/icon-resume-small.png');
	background-position: center;
	background-repeat: no-repeat;
}

.icon-blog {
	background-image: url('/assets/images/icon-blog.png');
	background-position: center;
	background-repeat: no-repeat;
}

.icon-blog-small {
	background-image: url('/assets/images/icon-blog-small.png');
	background-position: center;
	background-repeat: no-repeat;
}

.rep-1 {
    margin-top: -9%;
    padding-left: 0;
}

.rep-2 {
    margin-top: -9%;
    padding-left: 0;
}

/* Media queries for animated tiles (narmal size) */

@media only screen
and (min-width : 1224px) {
.fix-3 {
	width: 16.6% !important;
}
}

@media only screen
and (min-width : 320px)
and (max-width : 768px) {
.fix-3 {
	width: 50% !important;
}
}

@media only screen
and (min-width : 768px)
and (max-width : 1224px) {
.fix-3 {
	width: 25% !important;
}
}

@media only screen
and (max-width : 320px) {
.fix-3{
	width: 50% !important;
}
}