h1 {
	margin-bottom:30px;
}
.game h1 {
	font-size:150%;
} 
body {
	font-weight:200;
}
body > div.container {
	position:relative;
	display:block;
	margin-top:100px;
	margin-bottom: 50px;
}
.btn {
	border-radius: 12px;
	width: 135px;
}
.drop-caps {
	 float: left; 
	 color: inherit; 
	 font-size: 300%; 
	 line-height: 55px; 
	 padding-top: 4px; 
	 padding-right: 8px; 
	 padding-left: 3px; 
	 font-weight: 200;
	 font-family: inherit; 
}
.color-red-tone {
	color:rgba(242,85,102,1.0);
}
.bgcolor-red-tone {
	background-color:rgba(242,85,102,1.0);
}
.bgcolor-green-tone {
	background-color:rgba(63,184,175,1.0);
}
.bgcolor-gray-tone {
	background-color:rgba(251,251,251,0.95);
}
.main-nav {
	position:relative;
	display: inline-block;
	margin-top:30%;
	margin-bottom:30%;
	height: 200px;
}
.main-nav div {
	display: inline-block;
	vertical-align:middle;
	text-align:center;
}
.main-nav div span {
	display: inline-block;
	vertical-align:middle;
	font-size: 50px;
	font-weight:200;
	width:80px;
	line-height:80px;
	text-align:center;
}
#me-img {
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
.link-block {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.rotate {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 18px;
    color:white;
}
.link-block span:hover {
	color:white;
}

.link-block .rotate:visited,
.link-block .rotate:hover {
	-ms-transform: rotate(15deg) !important; /* IE 9 */
    -webkit-transform: rotate(15deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(15deg) !important;
    
    -ms-transform-origin: 230% 30%;
	-webkit-transform-origin: 230% 30%;
	transform-origin: 230% 30%;
}
#navbar-sebastian #me-img.rotate:visited,
#navbar-sebastian #me-img.rotate:hover {
    -ms-transform-origin: -60% 80%;
	-webkit-transform-origin: -60% 80%;
	transform-origin: -60% 80%;
}
span {
	text-decoration: none;
}
.link-block span:before, .link-block span:after {
	content: '';
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	background: inherit;
	border-radius: 100%; /*circle*/
	/*time to transform the circle into fish-eye shape. iOS7 style now.*/
	transform: scaleX(2) scaleY(1.05);
	/*clipping the left and right sides - 17px from the left and right*/
	clip: rect(0px, 52px, 80px, 28px); 
	/*pushing it behind the icon*/
	z-index: -1;
}
.link-block span:after {
	transform: scaleY(2) scaleX(1.05) rotate(90deg);
}
.games a {
	position:relative;
	display:block;
	margin: 15px 0 15px 0;
	text-decoration: none;
}
.games a > span {
	visibility: hidden;
}
.rotate:visited,
.rotate:hover {
	-ms-transform: rotate(15deg) !important; /* IE 9 */
    -webkit-transform: rotate(15deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(15deg) !important;
    
    -ms-transform-origin: 50% 80%;
	-webkit-transform-origin: 50% 80%;
	transform-origin: 50% 80%;
}
.games:hover a span {
	visibility: visible;
}
.vertical-align {
	position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.center-text {
	text-align:center;
}
.navbar {
	height: 80px;
}
.navbar div {
	vertical-align:middle;
	text-align:center;
}
.navbar div span {
	display: inline-block;
	vertical-align:middle;
	font-size: 24px;
	font-weight:200;
	width:50px;
	line-height:50px;
	text-align:center;
}
.navbar #me-img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    max-height: 50px;
}
.navbar .vertical-align {
	position: relative;
    top: 50%;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
}
.navbar .link-block span.rotate {
    border-radius: 12px;
}
.navbar .link-block span.rotate:visited,
.navbar .link-block span.rotate:hover {
	-ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
    
    -ms-transform-origin: -80% 30%;
	-webkit-transform-origin: -80% 30%;
	transform-origin: -80% 30%;
}
.navbar .link-block span:before,.navbar .link-block span:after {
	clip: rect(0px, 33px, 50px, 17px); 
}
#navbar-sebastian {
	/*positon:fixed;*/
}
.navbar-collapse {
	background-color: #fbfbfb;
}
.navbar-default {
	background-color: #fbfbfb;
	border-bottom-color:#fbfbfb;
}
.privacy span {
	font-weight: 400;
}
.btn-privacy {
	margin-bottom: 12px;
}
.download__app-store-badge {
	display: block;
	margin-right:auto;
	margin-left:auto;
	width: 135px;
	height: 40px;
	margin-bottom:12px;
}
.download__play-store-badge {
	display: block;
	margin-right:auto;
	margin-left:auto;
	width: 129px;
	height: auto;
	margin-bottom:12px;
}
.about p {
	font-size: 150%;
}
.contact {
	position:relative;
	display: block;
	margin-top: 50px;
	width: 100%;
	height: 800px;
	background-color:orange;
}
footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:50px;
   width:100%;
   background:rgba(251,251,251,0.95);
   text-align:center;
}
footer p {
	position:relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 768px) {
    .main-nav {
        margin-top:3%;
	    height: 120px;
    }
    .main-nav div#home {
        height: 200px !important;
    }
    #navbar-sebastian {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        display:none !important;
    }
}