@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 479px) {

	html, body{font-size:10px;}

	.date-event i{display:none;}

	#myCarousel img{
		width:100% !important;
		height:auto !important;
	}

	#tf-gallery{
		display:none;
	}

	#tf-menu {
		padding:0;
		display: none;

	}
	#tf-menu .navbar-header {
	background:rgba(0,0,0,0.5);
	}

	.on{
		background:rgba(0,0,0,0.5);
	}

	#tf-menu a.navbar-brand{display:none;}

	#tf-event .section-title{display:none;}

	#tf-home{
			height:auto;

		}

	#tf-home .content{
		width:100%;
		text-align:center;
		top:20%;
	}

	#tf-home h1{
		/*font-size:3em;*/
		margin-left:0;
		text-align: center;
	}

	#tf-home .date-event{
		font-size:1.9em;
		padding-top:1em;
		position:relative;
	}

	span.firstlogo{
		margin-left:0;
		top:0;
		font-size:1em;
	}

	#tf-home .mention-circuit {
		color: #fcdd34;
		font-family: "Raleway",sans-serif;
		font-size: 1.5em;
		font-weight: 900;
		margin-left: 0;
		margin-top: 0;
		position: relative;
		text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
		text-transform: uppercase;
	}

	#tf-home .mention-circuit img{
		width: 17vw;
		top: 0;
		padding: 2vw;
	}

	#tf-event{
		padding-top:5%;
	}

	.section-title hr{
		margin-top:10px;
	}

	#tf-event p.intro{
		font-size: 1.2em;
		line-height: 1.2em;
	}

	.about-text{
		margin-bottom:20px;
	}

	.section-title h2, .section-title.center h2{
		font-size:3em;
	}


}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 767px) {
	
	html,body{
		font-size:12px;
	}
	
	#tf-gallery{
	display:none;
}
	
	#tf-home h1{
		/*font-size:11em;*/
        margin-left:0;
    }

        .date-event i{display:none;}


    #tf-home .date-event{
        font-size:1.8em;
    }

    #tf-home .mention-circuit {
        color: #fcdd34;
        font-family: "Raleway",sans-serif;
        font-size: 1.8em;
        font-weight: 900;

        position: relative;
        text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
        text-transform: uppercase;
    }

	#tf-home .content{
		top:24vh;
	}

    /*#tf-home .mention-circuit img{*/
        /*width:30%;*/
    /*}*/

	#tf-home .mention-circuit img{top:0;width: 10vw;}

    /*#tf-home .mention-circuit img {*/
        /*opacity: 0.4;*/
        /*overflow: hidden;*/
        /*position: absolute;*/
        /*right: -2em;*/
        /*top: -3em;*/
    /*}*/

    }





    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)  {

        #tf-gallery{
        display:none;
    }

        html,body{
            font-size:10px;
        }

        #tf-home{
            height:40%;
        }

        #tf-home h1{
            /*font-size:12em;*/
	}
	
	#tf-event p.intro{
		font-size:1.2em;
		line-height:1.2em;
	}
	
	 #tf-menu.navbar-default .navbar-nav > li > a{
	 	padding:0 10px;
	 }
	 
	 #tf-menu.navbar-default.on .navbar-nav > li > a{
	 	padding:10px;
	 }
	 
	 
	
	.navbar-header{
		width:20%;
	}
	
	.navbar-header .navbar-brand img{
		width:70%;
	}
	
	.on .navbar-header .navbar-brand img{
		width:50%;
	}
	
	.navbar-right{
		margin-right:10px;
	}

		#tf-home .mention-circuit img{top:0;width: 10vw;}
	
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	
	#tf-gallery{
	display:block;
}
	
	#tf-home{
		height:75%;
	}
	
	#tf-home h1{
	/*font-size:14em;*/
	}
	#tf-home .mention-circuit img{top:0;}

}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}

@media (max-width: @iphone-screen) { 
	#tf-animation{
	background-attachment: scroll; } 
	}