/*
	Theme Name: sonicdecanter.com
*/


body,
html {
    width: 100%;
    height: 100%;
}

body{background:#cdcdcc;}

.block{padding:5px;}

.btn-kickstarter{background-color: #2BDE73;border-color: #1fc361;display:block;margin:20px 0;}
.btn-kickstarter:hover, .btn-kickstarter:active, .btn-kickstarter:focus{background-color: #1fc361;border-color: #17ab53;}	

img{max-width:100% !important;height:auto;}

.block{padding:50px;}

.frame {position:relative;}

.valign{display:block;}

.mobile-logo{padding-top:20px;}

.text-center img{display: block;margin-left: auto;margin-right: auto;}

/* Responsive
-------------------------------------------------- */


/* Ipad & phones ------------------------- */
@media (max-width: 991px) {
	.valign{padding-top:300px;}
}

/* Desktop ------------------------- */
@media (min-width: 992px) {
	.valign{padding-top:300px;}
}

/* Bootstrap 3 Responsive Menu SMALLER ------------------------- */
@media (max-width:767px) {
	body{
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 25%, #ffffff 25%, #cdcdcc 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%,#ffffff), color-stop(25%,#ffffff), color-stop(100%,#cdcdcc)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 25%,#ffffff 25%,#cdcdcc 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 25%,#ffffff 25%,#cdcdcc 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 25%,#ffffff 25%,#cdcdcc 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 25%,#ffffff 25%,#cdcdcc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	.valign{padding:20px 0;}
}

/* Bootstrap 3 Responsive Menu LARGER ------------------------- */
@media (min-width: 768px) {
	
}


/* Ipad Horizontal ------------------------- */
@media (min-width:768px) and (max-width:991px){
	.valign{padding-top:200px;}
}


/* Large Desktop ------------------------- */
@media (min-width: 1200px) {
	.container{width:100%;max-width:1650px;}
	.valign{padding-top:400px;}
	
}

/* Small Devices ------------------------- */
@media screen and (min-width: 0px) and (max-width: 500px) { 
}