body {
transition: 1.5s opacity;
-webkit-animation: background 20s cubic-bezier(0,0,0,1) infinite;
animation: background 20s cubic-bezier(0,0,0,1) infinite;  
margin: 0px;
font-family: Montserrat, sans-serif;
font-weight: 500;
font-size: 17px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
color: #000;
line-height: 27px;
vertical-align: middle;
text-align: left;
word-break: break-word;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
#wrapper {
text-align: left;
vertical-align: middle;
margin: 0px auto;
padding: 10px;
width: auto;
height: auto;
float: none;
position: relative;
}
#head {
background-color: none;
max-width: 100%;
height: auto;
text-align: center;
margin: 0px auto;
margin-top: 30px;
margin-bottom: 10px;
padding-top: 19px;
padding-bottom: 19px;
}
#about {
background-color: none;
max-width: 840px;
height: auto;
text-align: left;
margin: 0px auto;
margin-top: 30px;
padding: 30px;
border: 0px solid #000;
}
#contact-wrapper {
background-color: none;
max-width: 600px;
height: auto;
text-align: left;
margin: 0px auto;
margin-top: 30px;
padding: 30px;
border: 1px solid #000;
-webkit-box-shadow: 10px 10px 0px -4px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 0px -4px rgba(0,0,0,1);
box-shadow: 10px 10px 0px -4px rgba(0,0,0,1);
}
#order {
background-color: none;
max-width: 600px;
height: auto;
text-align: left;
margin: 0px auto;
margin-top: 0px;
margin-bottom: 40px;
padding: 20px;
border: 1px solid #000;
-webkit-box-shadow: 10px 10px 0px -4px rgba(0,0,0,1);
-moz-box-shadow: 10px 10px 0px -4px rgba(0,0,0,1);
box-shadow: 10px 10px 0px -4px rgba(0,0,0,1);
}
#content-hero {
max-width: 650px;
height: auto;
vertical-align: middle;
text-align: center;
margin: 0px auto;
font-size: 19px;
font-weight: 300;
line-height: 30px;
padding-top: 30px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#content-inside {
max-width: 900px;
height: auto;
vertical-align: middle;
text-align: left;
margin: 0px auto;
padding: 10px;
}
#content-overview {
max-width: 900px;
height: auto;
vertical-align: middle;
text-align: center;
margin: 0px auto;
padding-top: 30px;
padding-bottom: 0px;
margin-bottom: 30px;
}
#content {
max-width: 900px;
height: auto;
vertical-align: middle;
text-align: left;
margin: 0px auto;
padding: 10px;
margin-bottom: 30px;
}
#footer {
width: 100%;
height: auto;
vertical-align: middle;
text-align: center;
font-size: 10px;
margin: 0px auto;
padding-top: 30px;
padding-bottom: 30px;
float: left;
}
#logo {
width: 300px;
height: auto;
margin: 0px auto;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
.release-img {
border: 1px solid #000;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.45);
}
.format {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
padding-top: 0px;
margin-bottom: -35px !important;
color: #000;
text-decoration: none;
display: block;
}
.cta {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
padding-top: 2px;
padding-bottom: 2px;
color: #000;
text-decoration: none;
}
.cta:link {
text-decoration: none;
border-bottom: 2px solid #000 !important;
}
.cta:visited {
text-decoration: none;
border-bottom: 2px solid #000 !important;
}
.cta:hover {
text-decoration: none;
border-bottom: 3px solid #000 !important;
}
a:link {
color: #000;
text-decoration: underline;
}
a:visited {
color: #000;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: underline;
}
@media only screen and (max-width: 900px) {


}







@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../com/webfonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../com/webfonts/montserrat-v25-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../com/webfonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../com/webfonts/montserrat-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}










/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    margin-top: 40px !important;
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
    width: 100%;
}
.span_1_of_2 {
    width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 750px) {
    .col { 
        margin: 1% 0 1% 0%;
    }
}

@media only screen and (max-width: 750px) {
    .span_2_of_2, .span_1_of_2 { width: 100%; }
}









.accordion {
font-family: Montserrat, sans-serif;
font-weight: 500;
font-size: 17px;
cursor: pointer;
padding: 0px;
width: 100%;
text-align: left;
border: none;
outline: none;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0px;
  background-color: none;
  display: none;
  overflow: hidden;
}




@-webkit-keyframes background {
  0% { background-color: #FFFFE8; }
  33% { background-color: #FFEFE8; }  
  67% { background-color: #EAFFFF; }
  100% { background-color: #FFFFE8; }
}

@keyframes background {
  0% { background-color: #FFFFE8; }
  33% { background-color: #FFEFE8; }  
  67% { background-color: #EAFFFF; }
  100% { background-color: #FFFFE8; }
}