/* GENERAL STYLE ::START*/
body{
	text-align:center;
  color: #FFFFFF;
  font-family: 'Raleway';
  background: transparent url('../images/bg-transparent.png') repeat;
}

/* Background Style */
html {
  background: #ffffff url('../images/background-soon-dark.png') no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html, body{
  height:100%;
  min-height:100%;
}


*{
    margin: 0;
    padding: 0;
}


.container{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.container .centered{
    max-width: 50%;
    padding: 15px;
}



.suscribe-button {
  background-color: #242424;
}
.suscribe-button:hover {
  background-color: #0d0d0d;
  color: #FFFFFF;
}


.font-family-fredericka{
  font-family: 'Fredericka the Great', cursive;
  color:#FFFFFF;
}

.logo-octopus-size {
  font-size: 4em;
}


a, a:visited, a:hover, a:active{
  color:#FFFFFF;
}

button, button:link, button:visited, button:hover, button:active{
  color:#FFFFFF;
}

#csp3-social-profiles a i{
  padding:5px;
}

/* GENERAL STYLE ::END*/

@media only screen and (max-device-width: 480px) {}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {/* Put your iPhone 4g styles in here */}
/* Following Android targeting from:
http://developer.android.com/guide/webapps/targeting.html
http://pugetworks.com/2011/04/css-media-queries-for-targeting-different-mobile-devices/  */
@media only screen and (-webkit-device-pixel-ratio:.75){}/* Put CSS for low density (ldpi) Android layouts in here */
@media only screen and (-webkit-device-pixel-ratio:1){}/* Put CSS for medium density (mdpi) Android layouts in here */
@media only screen and (-webkit-device-pixel-ratio:1.5){}/* Put CSS for high density (hdpi) Android layouts in here */