/*------------------------------------------------------------------------*/
/*  1500px                                                                */
/*------------------------------------------------------------------------*/
@media only screen and (max-width : 1440px) {

	h1 { font: 400 90px/80px "Protest Strike", sans-serif; text-transform: uppercase; letter-spacing: -1px; }
	h2 { font: 400 70px/60px "Protest Strike", sans-serif; text-transform: uppercase; }
	h3 { font: 400 32px/32px "Protest Strike", sans-serif; text-transform: uppercase; }
	h4 { font: 400 22px/22px "Protest Strike", sans-serif; text-transform: uppercase; }

	body {
		font-size: 14px;
		line-height: 24px;
	}

	.partners img {
	    height: 120px;
	    margin: 0 0 80px 0;
	}

	header .logo img {
	    height: 150px;
	    top: -10px;
	}

	header .social {
	    margin: 25px 0 0 0;
	}
	header .social ul li {
	    width: 40px;
	    height: 40px;
	    margin: 0 0 0 8px;
	}
	header .social ul li a {
	    width: 40px;
	    height: 40px;
	}

	header #search-query {
		width: 160px;
		height: 40px;
		margin: 25px 0 0 0;
	}
	header #search-query img {
		height: 30px;
	}
	header #search-query-input {
		width: 118px;
		height: 40px;
		font-size: 13px;
		padding: 0 0 0 15px;
	}

	header nav {
	    padding: 10px 10px;
	    -webkit-border-radius: 12px;
	    -moz-border-radius: 12px;
	    border-radius: 12px;
	}
	header nav ul li {
	    margin: 0 8px;
	}
	header nav ul li a {
	    background-size: auto 16px;
	    font: 400 13px / 24px "Protest Strike", sans-serif;
	    padding: 16px 0 0 0;
	}

	section#featured {
	    width: calc(100% - 40px);
	    height: calc(100vh - 40px);
	    margin: 20px;
	}
	section#featured .container {
	    width: 900px;
	}
	section#featured .title {
	    bottom: 80px;
	}

	section#featured_contact {
	    width: calc(100% - 40px);
	    height: 440px;
	    margin: 20px;
	}
	section#featured_contact .container {
	    width: 900px;
	}
	section#featured_contact .title {
	    top: 220px;
	}
	section#contact {
	    width: 900px;
	    top: -110px;
	    padding: 30px 40px;
	}
	section#contact h3 {
	    margin: 0 0 10px 0;
	}

	section#featured_infos {
	    width: calc(100% - 40px);
	    height: 440px;
	    margin: 20px;
	}
	section#featured_infos .title {
	    top: 220px;
	}
	section#faq {
	    width: 900px;
	    top: -110px;
	    padding: 30px 40px;
	}

	section#faq h3 {
	    margin: 0 0 30px 0;
	}
	section#faq ul li {
	    margin: 0 0 10px 0;
	    -webkit-border-radius: 15px;
	       -moz-border-radius: 15px;
	    		border-radius: 15px;
	}
	section#faq h4 {
	    line-height: 70px;
	}
	section#faq ul li .more {
	    width: 40px;
	    height: 40px;
	    top: 15px;
	}
	section#faq ul li .more:before,
	section#faq ul li .more:after {
	    width: 20px;
	    height: 2px;
	}

}

/*------------------------------------------------------------------------*/
/*  440px                                                                 */
/*------------------------------------------------------------------------*/
@media only screen and (max-width : 540px) {

	h1 { font: 400 70px/60px "Protest Strike", sans-serif; text-transform: uppercase; letter-spacing: -1px; }
	h2 { font: 400 40px/40px "Protest Strike", sans-serif; text-transform: uppercase; letter-spacing: 0px; }
	h3 { font: 400 24px/30px "Protest Strike", sans-serif; text-transform: uppercase; }
	h4 { font: 400 18px/20px "Protest Strike", sans-serif; text-transform: uppercase; }

	section#faq ul li .question {
	    -webkit-tap-highlight-color: transparent;
	}

	.partners img {
	    height: 180px;
	    margin: 20px 0 80px 0;
	}
	.partners .mob {
	    display: inline-block;
	}
	.partners .desk {
		display: none;
	}

	body {
		font-size: 16px;
		line-height: 24px;
	}

	header .container {
	    padding: 0 15px;
	}
	header .logo img {
	    height: 160px;
	    top: 15px;
	}
	header .logo.small img {
	    height: 120px;
	}
	header .partners {
	    margin: 60px 0 0 0;
	}
	header .social {
	    margin: 54px 0 0 0;
	}
	header .social ul li {
	    width: 46px;
	    height: 46px;
	}
	header .social ul li a {
	    width: 46px;
	    height: 46px;
		background-size: auto 50px;
	}
	header .partners ul li:nth-child(2),
	header .partners ul li:nth-child(3),
	header .social ul li:nth-child(1),
	header .social ul li:nth-child(3) {
	    display: none;
	}

	header #search-query {
		display: none;
	}

	section#featured {
	    width: 100%;
	    height: 95vh;
	    margin: 0;
	    -webkit-border-radius: 0;
	    		border-radius: 0;
	}
	section#featured .container {
	    width: 100%;
	    padding: 0 30px;
	}
	section#featured .title {
	    bottom: 60px;
	}

	section#featured_infos {
	    width: 100%;
	    height: 400px;
	    background-position: 20% 50%;
	    margin: 0;
	    -webkit-border-radius: 0;
	    		border-radius: 0;
	}
	section#featured_infos .title {
	    top: 200px;
	}
	section#featured_infos .container {
	    width: 100%;
	    padding: 0 30px;
	}
	section#faq {
	    width: calc(100% - 30px);
	    top: -90px;
	    padding: 30px 20px;
	    -webkit-border-radius: 20px;
	    		border-radius: 20px;
	}
	section#faq h3 {
	    margin: 0 0 20px 0;
	}
	section#faq h3.margin {
	    margin: 40px 0 20px 0;
	}
	section#faq ul li {
	    padding: 0 20px;
	    -webkit-border-radius: 10px;
	    		border-radius: 10px;
	}
	section#faq h4 {
	    line-height: 54px;
	}
	section#faq ul li .more {
	    width: 24px;
	    height: 24px;
	    top: 15px;
	}
	section#faq ul li .more:before,
	section#faq ul li .more:after {
	    width: 15px;
	    height: 2px;
	    left: calc(50% - 8px);
	}
	section#faq ul li.active .answer {
	    padding: 0 0 20px 0;
	}
	section#faq ul li .answer a.button_red {
	    background-position: 10px 50%;
	    background-size: auto 20px;
	    font: 400 12px / 40px "Protest Strike", sans-serif;
	    margin: 0 10px 10px 0;
	    padding: 0 10px 0 35px;
	    -webkit-border-radius: 8px;
	    		border-radius: 8px;
	}

	section#featured_contact {
	    width: 100%;
	    height: 400px;
	    background-position: 20% 50%;
	    margin: 0;
	    -webkit-border-radius: 0;
	    		border-radius: 0;
	}
	section#featured_contact .title {
	    top: 200px;
	}
	section#featured_contact .container {
	    width: 100%;
	    padding: 0 30px;
	}
	section#contact {
	    width: calc(100% - 30px);
	    top: -90px;
	    padding: 30px 20px;
	    -webkit-border-radius: 20px;
	    		border-radius: 20px;
	}














}

/*------------------------------------------------------------------------*/
/*  380px                                                                 */
/*------------------------------------------------------------------------*/
@media only screen and (max-width : 380px) {

	

}