@media(max-width:450px) {

    .separator {
        font-size: 18px !important;
    }
    
}

@media(min-width:450px) {
    
    .masked-img
    {
        -webkit-mask-box-image: url(../img/usp-box.png);
        mask-border: url(../img/usp-box.png);        
    }
    
    #media .container    
    {
        width: 90%;
	}
    
    .store-box > button
    {
        width: 280px;
        height: 92px;
        font-size: 16px;
    }
    
    .buttonText
    {
        margin-left: 10%;  
    }
    
    .usp-box,
    .gif-box
    {
        width: 364px;
        height: 207px;
    }
    
    .gif-box-1
    {
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);
        transform: rotate(-2deg);   
    }
    
    .gif-box-2
    {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        transform: rotate(3deg);   
    }

    .gif-box-3
    {
        -webkit-transform: rotate(1deg);
        -moz-transform: rotate(1deg);
        transform: rotate(1deg);   
    }
    
/*----------------------------------*/
/*---- POLAROIDS -------------------*/
/*----------------------------------*/
    
    .fancybox > img
    {
        /*margin: auto;*/
        width: inherit !important;
        /*background-color: aquamarine !important;
        border: 3px solid red !important;*/
    }
    
    .polaroid-container
    {
        /*width:90%;*/
        /*margin:30px auto;*/
        padding:25px;
        /*min-height:400px;*/
        height:auto;
    }
    
    /* Polaroid Images */
    .polaroid-images
    {
        margin:10px 0;
        float: left;
    }
    .polaroid-images a
    {
        background: white;
        display: inline;
        float: left;
        margin: 0 15px 30px;
        padding: 10px 10px 25px;
        text-align: center;
        text-decoration: none;
        -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
        box-shadow: 0 4px 6px rgba(0,0,0,.3);
        -webkit-transition: all .15s linear;
        -moz-transition: all .15s linear;
        transition: all .15s linear;
        z-index:0;
        position: relative;
    }
    .polaroid-images a:after
    {
        color: #333;
        font-size: 20px;
        content: attr(title);
        position: relative;
        top:10px;
    }
    .polaroid-images img
    {
        display: block;
        width: inherit;
    }
    .polaroid-images a:nth-child(2)
    {
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    .polaroid-images a:nth-child(3) {
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        transform: rotate(-20deg);
    }
    .polaroid-images a:nth-child(4)
    {
        -webkit-transform: rotate(14deg);
        -moz-transform: rotate(14deg);
        transform: rotate(14deg);
    }
    .polaroid-images a:nth-child(5)
    {
        -webkit-transform: rotate(-18deg);
        -moz-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    .polaroid-images a:nth-child(6)
    {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    .polaroid-images a:nth-child(7)
    {
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
    .polaroid-images a:nth-child(8)
    {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        transform: rotate(8deg);
    }
    .polaroid-images a:hover
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        z-index:10;
        -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
        box-shadow: 0 10px 20px rgba(0,0,0,.7);
    }
    
}

@media(min-width:992px) {
    /*.store-box {
        margin: 20px auto 0;
    }*/
    
    #godheads
    {
        background-image: url(../img/backgrounds/godheads_bg.jpg);
    }
}


@media(min-width:768px) {
    
    
/*--------------------------------------*/
/*---- GENERAL TAGS --------------------*/
/*--------------------------------------*/
    
    header
    {
        background-image: url(../img/header.jpg);        
	}
    
    

/*--------------------------------------*/
/*---- GENERAL CLASSES -----------------*/
/*--------------------------------------*/    
    
	.hideIfSmall
    {
		visibility: visible !important;
        display: inherit;
	}
    
    .hideIfBig
    {
		visibility: hidden !important;
        display: none;
	}
    
    .separator
    {
        height: 102px;
        line-height: 102px; /*Used to vertically center text. */                
        margin: auto !important;
    }    
    
    .trailer
	{
		width: 65%;
        /*padding-top: 150px;*/
		margin: 0px auto;
	}


    
/*----------------------------------*/
/*---- MAILCHIMP -------------------*/
/*----------------------------------*/

    #mc_embed_signup .mc-field-group
    {        
        margin: auto;
        width: 70% !important;
        margin: 0 0;
    }
    
    #mc_embed_signup .btn2
	{
        margin: 0 0;
        margin-left: 2%;
        width: 28%;        
    }
        
        
/*----------------------------------*/
/*---- NAVIGATION BAR --------------*/
/*----------------------------------*/
    
    .navbar-default
    {
        height: 100px !important;
        background-image: url(../img/menu_bg.png);
        background-position: 50% 0;
    }
    
    /* Social icons and OMGH*/    
    .navbar-brand
    {
        line-height: 50px !important; /* Vertically align text. */
    }
    
    .container-fluid
    {
        height: 100% !important;    /* Force all nav bar elements to use 100px as set in navbar-default */
    }

    .navbar-collapse
    {
        height: 100px !important;
    }
    
    /* Change fonts for navbar */
    .navbar-default .navbar-header .navbar-brand {
        line-height: 100%;
    }

    .navbar-default .nav {
        /*border: 5px solid blue;*/
        line-height: 100%;
        height: 100px;
    }
    
    /* List of items */ 
    .navbar-default .nav > li> a {
        line-height: 50px !important; /* Vertically align text. */
        height: 100px !important;
    }
    
    /* Social icons */ 
    .navbar-default.affix .navbar-header .navbar-brand
    {
        color: var(--main-font-color);
    }
    
    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: white;
    }
    
    .navbar-brand
    {
        padding-left: 10px;
        padding-right: 10px;
    }      
}