/**
Theme Name: Theme Name
Theme URI: http://www.example.com/
Author: Mourtaza Gulamhussen
Author URI: http://kuult.fr/
Description: Powered by KUULT Gulp Starter based on GRID Gulp Starter
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: text-domain
**/
@font-face { font-family: 'bebas_neuebold'; src: url("../fonts/bebasneue_bold-webfont.eot"); src: url("../fonts/bebasneue_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bebasneue_bold-webfont.woff2") format("woff2"), url("../fonts/bebasneue_bold-webfont.woff") format("woff"), url("../fonts/bebasneue_bold-webfont.ttf") format("truetype"), url("../fonts/bebasneue_bold-webfont.svg#bebas_neuebold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'montserratlight'; src: url("../fonts/montserrat-light-webfont.eot"); src: url("../fonts/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-light-webfont.woff2") format("woff2"), url("../fonts/montserrat-light-webfont.woff") format("woff"), url("../fonts/montserrat-light-webfont.ttf") format("truetype"), url("../fonts/montserrat-light-webfont.svg#montserratlight") format("svg"); font-weight: normal; font-style: normal; }


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }




}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; outline: none; }

input { outline: none; }


.cf:before, .cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

.left { float: left; }

.right { float: right; }

.vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.mobile-hidden { display: none; }

@media (min-width: 47.5625em) { .mobile-hidden { display: inline; } }

.tablet-hidden { display: none; }

@media (min-width: 64.0625em) { .tablet-hidden { display: inline; } }

@media (min-width: 64.0625em) { .desktop-hidden { display: none; } }

* { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }

*:before, *:after { box-sizing: border-box; }

html { height: 100%; min-height: 100%; -webkit-font-smoothing: antialiased; }

body { height: 100%; min-height: 100%; color: #000; background: #fff; font-family: 'Karla', sans-serif; font-size: 100%; font-weight: 300; overflow-x: hidden; }

p { margin-bottom: 1.5em; line-height: 1.5; }

p:last-child { margin-bottom: 0; }

a { color: inherit; text-decoration: none; transition: opacity 0.3s ease, color 0.3s ease, background 0.3s ease; }

img { max-width: 100%; height: auto; }

.section { overflow: hidden; }

.wrapper { display:block; padding: 0 1.25rem; margin: 0 auto; position: relative; }
.wrapper2 { display:none; padding: 0 1.25rem; margin: 0 auto; position: relative; }

@media (min-width: 64.0625em) { .wrapper { display:block; max-width: 75rem; padding: 0 3.125rem; } }






@media only screen and (max-width: 500px) {
.wrapper2 { display:block; } 
.wrapper { display:none; }


}