@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.otf");
    src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-ExtraLight.otf");
    src: url("../fonts/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Light.otf");
    src: url("../fonts/Montserrat-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.otf");
    src: url("../fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

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

/* icons */
[data-icon]:before {
    font-family: "icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-up:before {
    content: "\65";
}
.icon-bars:before {
    content: "\66";
}
.icon-right-open-big:before {
    content: "\67";
}
.icon-left-open-big:before {
    content: "\61";
}
.icon-up-open-big:before {
    content: "\62";
}
.icon-down-open-big:before {
    content: "\64";
}
  

/* font */
h1,
h2, 
h3, 
h4,
div,
p,
li,
dl,
address,
span,
form > input,
footer > .copyright,
address > a {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-style: normal
}

nav ul.nav-items > li.nav-item {
    font-size: .75em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800
}

h2,
p,
.scroll > span,
.page-etudes section ul > li,
form > input {
    font-weight: 200;
}

.scroll > span {
    font-size: 18px;
}


section.section-1 article h2,
section.section-2 article h2,
section.section-3 article h2,
section.section-4 article h2,
section.section-5 article h2,
section.section-6 article h2 {
    font-size: 2.5em;
}



form > input {
    font-size: 1.25em;
}

address,
.comment {
    font-size: .7em;
}

article.def-descr,
h2 {
    text-transform: uppercase
}