/* FONTS  */
/* font-family: 'Lato', sans-serif; */

/* COLORS */

/* orange #cc6600
    Vert #003333 */

/***************************************************************************
ALL BY DEFAULT
****************************************************************************/
i {
    color: #9BBB52;
}

ul li {
    list-style: none;
}

/* TITLES */

h1 {
    color: #330000;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 3em;
    font-weight: bold;
    text-transform: uppercase;
    filter: drop-shadow(1px 1px 3px white);
    line-height: 1.5em;
}

h2 {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: #cc6600;
    font-weight: 900;
    filter: drop-shadow(2px 2px 1px black);
    text-transform: uppercase;
}

h3 {
    font-family: 'Lato', sans-serif;
    color: #330000;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

h3.title {

    font-size: 3em;
    filter: drop-shadow(2px 2px 3px white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 2%;
    margin-bottom: 2%;
    padding-top: 2%;
}

a {
    text-decoration: none;
}

/*PARAGRAPHES*/
p {
    font-size: large;
}

/**********BUTTONS***************/


/******orange******/
.btn-orange {
    background-color: #cc6600;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 2em;
}

a.btn-orange {
    width: 100%;
    margin: auto;
}

.btn-orange:hover {
    color: #cc6600;
    border: 1px solid #cc6600;
}

/******green******/

.btn-green {
    background-color: #9BBB52;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 2em;
}

a.btn-green {
    width: 100%;
    margin: auto;

}

.btn-green:hover {
    color: #9BBB52;
    border: 1px solid #9BBB52;
}

/*** SECTIONS** */

section {
    min-height: 50vh;
}

/***************************************************************************
HEADER
****************************************************************************/
.space {
    min-height: 10vh;
}

.header {
    background-image: url(images/header\ image\ gtm.jpg);
    min-height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.logo img {
    max-width: 30% !important;
    float: right;
    filter: drop-shadow(2px 2px 1px black);
    z-index: 1000;
}

nav {
    background-color: #330000;
    z-index: 0;
}

.nav-link {
    font-family: 'Lato', sans-serif;
    font-size: 1.5em;
    font-weight: 900;
    margin-left: 10px;
    margin-right: 10px;
    color: white;

}

.nav-link:hover {
    color: #9BBB52 !important;
}

/*************************************************************************************
BANDEAU
 *******************************************************************/

#bandeau {
    min-height: 20vh !important;
    padding: 2vh;

}

/*************************************************************************************
 SERVICES SECTION 
 *******************************************************************/

.icons img {
    width: 300px;
    filter: drop-shadow(5px 5px 20px rgb(178, 175, 175));
    margin-top: 2%;
}

#services {
    background-color: #9BBB52;

}

.card_serv {
    border: #9BBB52 5px solid;
    border-radius: 20px;
    padding: 2%;
}

.card_serv ul {
    padding: 2% !important;
}

.card_serv ul li p {
    font-family: 'Roboto', sans-serif;
    text-align: justify;

}

/*************************************************************************************
ENTREPRISE SECTION 
*******************************************************************/
#presentation {
    background-color: #9BBB52;
    padding-bottom: 5%;
}

#presentation div {
    border-radius: 10px;
    text-align: justify;
    padding: 5%;

}

.logo-full img {
    max-width: 30%;
}

/*************************************************************************************
CONTACT SECTION 
*******************************************************************/

#contact-form {
    margin-top: 4em;
    margin-bottom: 4em;
    border: #cc6600 4px solid;
    padding: 2em;

}

form {
    padding: 2em;
}

.blue {
    color: #cc6600;
}

.form-control {
    border: #cc6600 solid 1px;
}

label {
    font-weight: bold;
}


/***************************************************************************
MEDIA QUERIES
****************************************************************************/


/*** Mobiles ***/

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

    h1 {
    
        font-size: unset;
    }
    h2{
        color: white;
    }

    section {
        min-height: 50vh;
    }

    .header {
        background-image: url(images/header\ image\ gtm.jpg);
        min-height: 50vh;
    }
    h3.title{
        font-size: 1.5em;
    }
    .navbar-toggler{
        background-color: #9BBB52!important;
    }

    .nav-link{
        font-size: unset;
        margin: unset;
    }
}


/*** TAblettes ***/

@media only screen and (min-width: 767px) and (max-width:1000px){


    h1 {
    
        font-size: 1.5em;
   
    }
    h2{
        color: white;
    }
    header{
        min-height: 50vh!important;

}}