.bodoni{
    font-family: 'BodoniFLF', serif !important;                                      
}

.clicker{
    font-family: 'Clicker Script', sans-serif !important;                                      
}

.fontBig{
    font-size: 150px;
}

.keighley{
    font-family: 'Purely Woman', sans-serif !important;
    font-weight: 300 !important;                                    
}

.fontMedium{
    font-size: 48px;
}

.fontAlignLeft{
    text-align: left !important;
}

.gotham{
    font-family: 'Gotham', sans-serif;                               
}

.gothamLight{
    font-family: 'Gotham Light', sans-serif;                         
}

.gothamxLight{
    font-family: 'Gotham XLight', sans-serif;                            
}

.gothamThin{
    font-family: 'Gotham Thin', sans-serif;                          
}

.gothamBook{
    font-family: 'Gotham Book', sans-serif;                       
}

.raleway{
    font-family: 'Raleway', sans-serif !important;    
    font-weight: 400 !important;                     
}

.raleway600{
    font-family: 'Raleway' !important;  
    font-weight: 600;                   
}

.raleway800{
    font-family: 'Raleway' !important;  
    font-weight: 600;                   
}

.raleway500{
    font-family: 'Raleway', sans-serif !important;   
    font-weight: 500 !important;                  
}

.raleway800{
    font-family: 'Raleway', sans-serif !important;   
    font-weight: 800 !important;                  
}

.butler800{
    font-family: 'Butler', sans-serif !important;
    font-weight: 800 !important;
    font-style: normal !important;                 
}

.butler400{
    font-family: 'Butler', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;                     
}

.fontSmall{
    font-size: 12px;
} 

.textDark{
    color: black;
}

.textLight{
    color: white;
}

.textCream{
    color: #FFF4E8 !important;
}

.textMocha{
    color: #856A63 !important;
}

.textBrown{
    color: #31251f !important;
}

.fontAlignCenter{
    text-align: center !important;
}

.brandGrid{
    justify-content: center !important;
        align-items: center !important;
}

.text12{
    font-size: 12px !important;
}

.text14{
    font-size: 14px !important;
}

.text16{
    font-size: 16px !important;
}

.text24{
    font-size: 24px !important;
}

.text28{
    font-size: 28px !important;
}

.text32{
    font-size: 32px !important;
}

.text36{
    font-size: 36px !important;
}

.text48{
    font-size: 48px !important;
}

.text100{
    font-size: 100px !important;
}

.text120{
    font-size: 120px !important;
}

.text150{
    font-size: 150px !important;
}

.textGray{
    color: #777 !important;
}

.lineHeight80{
    line-height: 80% !important;
}

.lineHeight100{
    line-height: 100% !important;
}

.example::-webkit-scrollbar {
    display: none !important;
}

body{
    overflow-x: hidden !important;
}

@media (max-width: 800px) {
    html, body {
    overflow-x: hidden;
    }
}

.bgGray{
    background-color: #777 !important;
}

.iconSize{
    max-width: 200% !important;
}

.iconMargin {
    margin-bottom: 2.5rem !important;
}

.fz {
	width: 60% !important;
	height: 70% !important;
}

.fx {
	display: block;
	position: relative;
	width: 20% !important;
	height: 120%;
	color: #FFF;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-UltraLight.woff2') format('woff2'),
        url('Butler-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Medium.woff2') format('woff2'),
        url('Butler-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Light.woff2') format('woff2'),
        url('Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Black.woff2') format('woff2'),
        url('Butler-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-Bold.woff2') format('woff2'),
        url('Butler-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler-ExtraBold.woff2') format('woff2'),
        url('Butler-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('Butler.woff2') format('woff2'),
        url('Butler.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}