@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
    text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
    font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

.eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex-center {
    justify-content: center;
    align-items: center;
}


/* Custom CSS
 * --------------------------------------- */
body{
    // font-family: arial,helvetica;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
}
a {
    color: #fff;
}
h1{
    font-size: 6em;
    font-family: 'Roboto', sans-serif;
}
h2 {

}
p{
    font-size: 1.2em;
    color: #fff;
    margin: 0 0 10px;
    font-family: 'Open Sans', sans-serif;
}
.intro h1 {
    margin: 0 0 20px;
}
.intro p {
    margin: 10px 0;
}
.section{
    text-align:center;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
}

/* Style for our header texts
* --------------------------------------- */
h1{
    font-size: 5em;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #fff;
    margin:0;
    padding:0;
}

#section1 h1 {
    margin: 0 0 40px;
}
h2 {
    font-size: 2em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #fff;
}

/* Centered texts in each section
* --------------------------------------- */
.section{
    text-align:center;
}


/* Backgrounds will cover all the section
* --------------------------------------- */
.section{
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.slide{
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

/* Defining each sectino background and styles
* --------------------------------------- */
#section0{ 
    background-image: url('../img/reception.jpg');
}
#section1{
    background-image: url('../img/about-us.jpg');
}
#section3{
    background-image: url('../img/shop-front.jpg');
}


/*Adding background for the slides
* --------------------------------------- */
#slide1{
    background-image: url('../img/slide1.jpg');
}
#slide2{
    background-image: url('../img/slide2.jpg');
}
#slide3{
    background-image: url('../img/slide3.jpg');
}
#slide4{
    background-image: url('../img/slide4.jpg');
}


/* Bottom menu
* --------------------------------------- */
#infoMenu li a {
    color: #fff;
}

#section3 h2 {
    text-align: left;
    margin: 0 0 10px;
}

iframe {
    margin: 20px 0;
}

.scrolloff {
    pointer-events: none;
}

.map {
    margin: 0 auto;
    width: 50%;
}

footer {
} 

footer p {
    font-size: 13px;
}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 768px) {
    
    h1 {
        font-size: 2.8em;   
    }

    h2 {
        font-size: 1.3em;
    }
    
}

@media only screen and (max-width: 400px) {}