@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,400,300);

/*--- main layout ---*/

html,body{
	height:100%;
    background: #000;
}
p,
span.strong {
	font-size: 15px;
}
.wrapper {
    background: #fff;
    width: 100%;
}
.logo {
	padding: 50px;
}
.logo img {
	margin: auto;
	max-width: 100%;
}

.content {
	width: 100%;
    max-height: 100%;
	background: #000;
	color: #fff;
	padding: 25px;
	font-family: 'Open Sans', sans-serif; 
	position:absolute;
    top:300px;
    bottom:0; 
}
span.strong {
	font-family: 'Open Sans', sans-serif; 
	font-weight: bold;
	color: #da1d5d;

}

/*--- fb link ---*/

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    vertical-align: middle;
    line-height: 1;
    background: transparent;
}

.social-links > a {
    width: 35px;
    height: 35px;
    border-radius: 25px;
    text-align: center;
    margin: 6px;
    font-size: 20px;
    line-height: 36px;
    color: #fff;
    background: #da1d5d;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.social-links > a:hover,
.social-links > a:focus {
    /*-webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);*/
    background: #fff;
    color: #da1d5d;
    border:none;
}




/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */

@media (max-width: 480px) { 
    .logo {
        padding: 15px;
    }
    .logo img {
        margin: auto;
        max-width: 60%;
    }
    .content {
        top:180px;
    }
}