@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */





    .topslide{
        height: 80vh;
        position: relative;
        z-index: 50;
        overflow: hidden;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    .b{
        height: 70vh;
        width: 100%;
        float: left;
        clear: none;
        display: block;
        background-color: #f7f7f7;
        position: absolute;
        z-index: 0;
        top: 80vh;
        left: 0;
    }
    
    
    .b-scroll{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        font-size: 20em;
        font-weight: bolder;
        overflow: hidden;
        
    }
    
    .b-marquee{
        width: 100%;
        height: 100%;
    }
    
    .b-marquee marquee{
        margin: 0;
        padding: 0;
        height: auto;
        -webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #332c29;
        font-family: 'Montserrat', sans-serif;
        color: transparent;
        opacity: .5;
    }
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .container{
        width: 80%;
        height: 100%;
        overflow: visible;
        position:relative;
        z-index: 50;
        float: left;
        clear: none;
        left:10%;
        margin-top: -60vh;
    }
    
    
    .c-inner{
         width: 100%;
        display: block;
        float: left;
        clear: none;
    }
    
    
    .c-inner h3{
        color: #fff;
    }
    
    
    .c-inner .styled{
        color: #cd9670;
        font-size: 6em;
    }
    
    
    
    





















}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

    
    
    .topslide{
        height: 80vh;
        position: relative;
        z-index: 50;
        overflow: hidden;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    .b{
        height: 70vh;
        width: 100%;
        float: left;
        clear: none;
        display: block;
        background-color: #f7f7f7;
        position: absolute;
        z-index: 0;
        top: 80vh;
        left: 0;
    }
    
    
    .b-scroll{
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        font-size: 20em;
        font-weight: bolder;
        overflow: hidden;
        
    }
    
    .b-marquee{
        width: 100%;
        height: 100%;
    }
    
    .b-marquee marquee{
        margin: 0;
        padding: 0;
        height: auto;
        -webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #332c29;
        font-family: 'Montserrat', sans-serif;
        color: transparent;
        opacity: .5;
    }
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .container{
        width: 80%;
        height: 100%;
        overflow: visible;
        position:relative;
        z-index: 50;
        float: left;
        clear: none;
        left:10%;
        margin-top: -60vh;
    }
    
    
    .c-inner{
         width: 100%;
        display: block;
        float: left;
        clear: none;
    }
    
    
    .c-inner h3{
        color: #fff;
    }
    
    
    .c-inner .styled{
        color: #cd9670;
        font-size: 6em;
    }
    
    
    
    
    
    
	
	
}