.mc-tarif-block
{
    padding-left:30px;
}
@media screen and (max-width: 640px) {
    h1 {
        font-size:36px!important;
    }
    h2 {
        font-size:18px!important;
    }
  }
@media screen and (max-width: 960px) {
    .uk-navbar li
    {
        display:none;
    }
    .uk-navbar .menumobile
    {
        display:block!important;
    } 
    h2 
    {
        width:100%;
    }
    .mc-coord
    {
    width:100%;
    }
    .mc-img-parallax
    {
        max-height:300px!important;
        width:auto!important;
    }
    .mc-hero 
    {
        padding-left:60px;
    }
    .mc-tarif-block
    {
        padding-left:30px;
    }
}
@media screen and (min-width: 960px) {
    .uk-navbar li
    {
        display:block!important;
    }
    .uk-navbar .menumobile
    {
        display:none!important;
    } 
    .mc-coord
    {
    width:40%;
    }

}

body,html
{
    font-family: 'Playfair Display', serif;
}
.uk-navbar-container
{
    background:white!important;
}
.mc-menu img 
{
    width:240px;
    margin:20px;
    margin-left:0px;
}

h1 
{
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size:72px;
    font-weight:400;
    width:60%;
    margin-top:100px;
}
h2 
{
    margin:0px;
    font-family: 'Playfair Display', serif;
    width:60%;
    font-size:24px;
    font-weight:300;
    
}
.uk-navbar-nav>li>a {
    color: #3c3c3c;
    font-weight:300;
    border-bottom: 5px double white;
    font-family: 'Lato', sans-serif;
      letter-spacing: 0.15em;
    transition: all 0.2s;
}
.uk-navbar-nav>li> a, .uk-navbar-nav>li> a:visited {
    text-decoration: none;
    position: relative;
    color: #3c3c3c;
  }
  .uk-navbar-nav>li>a:after, .uk-navbar-nav>li>a:visited:after {
    content: '';
    height: 3px;
    border-bottom: 5px double #a25529;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: 0.2s;
  }
  .uk-navbar-nav>li>a:hover:after, .uk-navbar-nav>li>a:visited:hover:after {
    width: 100%;
  }
.uk-icon-button
{
    background:#a25529;
    color:white;
}
.mc-img-parallax
{
    right:8%;
    z-index: 2; 
}
.uk-grid
{
  
}
.mc-tarif 
{
    background:#a25529;
    z-index: 1;
    position: relative;
    padding-bottom:110px;
}
.mc-hero 
{
    z-index: 3;
    position: relative;
}
.mc-button
{
    color:#a25529;
    padding:30px;
    padding-left: 0px;

    margin-top:20px!important;
    transition: all 0.2s;
}
.mc-button:hover
{
    color:#3c3c3c;
    text-decoration:none;
    padding-left:0px;
    transition: all 0.4s;
}
.mc-coord
{
   
    margin-left: auto!important;
        margin-right: auto!important;

}
.mc-button:hover span
{
    padding-left:15px;
    transition: all 0.4s;
}
.mc-button:after, .mc-button:visited:after {
    content: '';
    height: 3px;
    border-bottom: 5px double #a25529;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: 1s;
  }
  .mc-button:hover:after, .mc-button:visited:hover:after {
    width: 100%;
  }
.mc-tarif .mc-coord a
{
    color:white;
    font-size:18px;
    font-family: 'Lato', sans-serif;
}
a:hover 
{
    text-decoration:none;
}
.mc-tarif h4
{
    font-family: 'Lato', sans-serif;
    font-weight:300;
    color:white;
}
.mc-line 
{
    border-bottom:1px solid white;
    width:calc(100% - 20px);
    margin-left:10px;
    margin-right:10px;
    height:15px;
}
.mc-tarif .mc-coord span 
{
   display: inline-block;
   widtH:100%;
   margin-top:20px;
   padding-bottom:20px;
   border-bottom:5px double #ffffff;
}
.mc-tarif-block
{
 
}
.mc-tarif h2 
{
    color:white;
    text-align:left;
    font-size:72px;
    text-transform:uppercase;
    margin-top:70px;
    font-family: 'Lato', sans-serif;
}
.mc-tarif h3 
{
    color:white;
    margin-top:10px;
    font-family: 'Playfair Display', serif;
}
.mc-tarif .uk-list 
{
    font-family: 'Lato', sans-serif;
    color:white;
}