/*

---- File has been modified to update / customize the original theme. 

*/
.definitions{
    font-size: 60%;
    opacity: .9;
    display: inline-block;
    width: 80%;
    border: 1px solid rgba(128,0,0,.3);
    background: rgba(16,16,16,.55);
}

.slogan{
    margin: 0 auto;
    width: 32%;
    color: #000;  
    background: #ff310f; /* Old browsers */
    background: -moz-linear-gradient(top, #ff310f 0%, #030303 50%, #ea2803 51%, #ff0066 75%, #c72200 10%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff310f 0%,#030303 50%,#ea2803 51%,#ff0066 75%,#c72200 10%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff310f 0%,#030303 50%,#ea2803 51%,#ff0066 75%,#c72200 10%); 
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f3f3f3',GradientType=0.25 ); 
    /* IE6-9 */
    border-radius: 5px;
    font-family: 'Oswald', sans-serif;
    background-color: #00ff00;
    
    /*mix-blend-mode: screen;  */
    }
   
   
   
   
   /*
   .slogan{
    margin: 0 auto;
    width: 96%;
    background: #f9411c; 
    /* Old browsers */
    /*background: -moz-linear-gradient(top, #f9411c 0%, #e86c57 80%, #000000 81%, #ff6600 75%, #c72200 100%); 
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #f9411c 0%,#e86c57 80%,#000000 81%,#ff6600 75%,#c72200 100%); 
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #f9411c 0%,#e86c57 80%,#000000 81%,#ff6600 75%,#c72200 100%); 
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9411c', endColorstr='#c72200',GradientType=0.6 ); 
    /* IE6-9 */
    /*border-radius: 5px;
    font-family: 'Oswald', sans-serif;
    opacity: 0.8;
    
}
*/

h2.sloganText{
    font-size: 20px;
    position: absolute;
    margin: calc(-252px) calc(31% + 10px);
    
}

.sloganText{
    
  font-weight: 900;  
  color: rgba(0,0,0,1);
  background: transparent;
  border-radius: 15px;
  /* the magic property 
  mix-blend-mode: screen;
  */
  
}

.darkGreyText{
    color: #363636;
    font-weight: 900;
}
.underlineRed{
    
    border-bottom: #a70000 2px solid;
}

.blueText{
 color: #000097;   
 font-weight: 600;
}
.smallText{
    font-size: 70%;
}

.superText, a{
    font-size: 105%;
    color: #f70000;
    font-weight: 600;
}

.sm-row-fluid, 
.smue-row, 
.sme-dsbl-margin-left, 
.sme-dsbl-margin-right{
/*background: transparent !important;    */

}

#chillaxLogo{
    position: absolute;
    z-index: 9999;
    width: 120px;
}

header a{
    color: #cccccc;
}

header a:hover{
    color: #f74400;
}

.aboutText{
    
    text-shadow: #f74400 1px 1px 1px;
}


#covDef{
    border: 1px solid rgba(251,183,21,.4);
    background: rgba(16,16,16,.55);

}

#covDef p{
 text-shadow: 1px 1px 1px rgba(255,255,255,.41);   
}


/*
 ----------------------------- Screen sizes --------------------------------
*/

@media all and (min-width: 1024px) and (max-width: 1280px) { 
    
    .definitions{
    font-size: 60%;
    opacity: .9;
    display: inline-block;
    width: 80%;
    border: 1px solid rgba(128,0,0,.3);
    background: rgba(16,16,16,.55);
}

.slogan{
    margin: 0 auto;
    width: 32%;
    color: #000;  
    background: #ff310f; /* Old browsers */
    background: -moz-linear-gradient(top, #ff310f 0%, #030303 50%, #ea2803 51%, #ff0066 75%, #c72200 10%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff310f 0%,#030303 50%,#ea2803 51%,#ff0066 75%,#c72200 10%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff310f 0%,#030303 50%,#ea2803 51%,#ff0066 75%,#c72200 10%); 
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f3f3f3',GradientType=0.25 ); 
    /* IE6-9 */
    border-radius: 5px;
    font-family: 'Oswald', sans-serif;
    background-color: #00ff00;
    
    /*mix-blend-mode: screen;  */
    }
   
   
   
   
   /*
   .slogan{
    margin: 0 auto;
    width: 96%;
    background: #f9411c; 
    /* Old browsers */
    /*background: -moz-linear-gradient(top, #f9411c 0%, #e86c57 80%, #000000 81%, #ff6600 75%, #c72200 100%); 
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #f9411c 0%,#e86c57 80%,#000000 81%,#ff6600 75%,#c72200 100%); 
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #f9411c 0%,#e86c57 80%,#000000 81%,#ff6600 75%,#c72200 100%); 
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9411c', endColorstr='#c72200',GradientType=0.6 ); 
    /* IE6-9 */
    /*border-radius: 5px;
    font-family: 'Oswald', sans-serif;
    opacity: 0.8;
    
}
*/

h2.sloganText{
    font-size: 20px;
    position: absolute;
    margin: calc(-252px) calc(31% + 10px);
    
}

.sloganText{
    
  font-weight: 900;  
  color: rgba(0,0,0,1);
  background: transparent;
  border-radius: 15px;
  /* the magic property 
  mix-blend-mode: screen;
  */
  
}

.darkGreyText{
    color: #363636;
    font-weight: 900;
}
.underlineRed{
    
    border-bottom: #a70000 2px solid;
}

.blueText{
 color: #000097;   
 font-weight: 600;
}
.smallText{
    font-size: 70%;
}

.superText, a{
    font-size: 105%;
    color: #f70000;
    font-weight: 600;
}

.sm-row-fluid, 
.smue-row, 
.sme-dsbl-margin-left, 
.sme-dsbl-margin-right{
/*background: transparent !important;    */

}

#chillaxLogo{
    position: absolute;
    z-index: 9999;
    width: 120px;
}

header a{
    color: #cccccc;
}

header a:hover{
    color: #f74400;
}

.aboutText{
    
    text-shadow: #f74400 1px 1px 1px;
}

.orangeText{
    color: #f78e21;
    border-bottom: 1px solid #f78e21;
}

#covDef{
    border: 1px solid rgba(251,183,21,.4);
    background: rgba(16,16,16,.55);

}

#covDef p{
 text-shadow: 1px 1px 1px rgba(255,255,255,.41);   
}


    
    
}
 
@media all and (min-width: 768px) and (max-width: 1024px) { 
    
    
    .primary-menu li{
     width: calc(15%);
    }
    
}
 
@media all and (min-width: 480px) and (max-width: 768px) {
    
    .menu-header-menu-container {
        position: absolute;
        width: 100%;
        left: 22%;
        top: -25%;
    }   
    
    
.sloganText{
    
  font-weight: 900;  
  color: rgba(0,0,0,1);
  background: transparent;
  border-radius: 15px;
  /* the magic property 
  mix-blend-mode: screen;
  */
  
}

    .banner h2{   
    font-size: 20px;
    position: absolute;
    margin: calc(-412px) calc(31% + 10px);
    width: calc(10px + 40%);
    }
    
}
 
@media all and (max-width: 480px) {
    
    
h2.sloganText{
    
}

.sloganText{
    
  font-weight: 900;  
  color: rgba(0,0,0,1);
  background: transparent;
  border-radius: 15px;
  /* the magic property 
  mix-blend-mode: screen;
  */
  
}
.banner h2{
    font-size: 120px;
    position: absolute;
    margin: calc(-540px) calc(31% + 10px);
    
}

    
}