/* 24 inch iMac ----------- */
@media only screen and (min-width : 1600px) {

	.brand {
		width: 10%;
	}

	header.shrink .brand {
		width: 7%;
	}

	header {
		padding: 2%;
    }
}

/* 27 inch iMac ----------- */
@media only screen and (max-width : 2600px) {
    .block-video-content-text, .block-contest-content-text {
        padding: 0 16%!important;
    }
}

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

}

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

}

@media only screen and (max-width : 1200px) {
    body, .block-video-content-text p, .block-contest-content-text p, ul {
		font-size: 0.85em!important;
    }
	.brand {
		width: 13%;
    }

    .activities h4 {
        font-size: 0.9rem;
    }
}

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

}

@media only screen and (max-width : 1024px) {
    .hashtag {
        margin: 3% 9%;
    } 

	.activities-content p {
		padding: 0 8%;
        margin: 0;
        min-height: 80px;
	}

	.participate-content i {
		font-size: 50px;
    }

    .logo-englobe {
        margin: 15% auto 6% auto;
    }

    .block-video {
        background: #50673d;
    }

    .special-size {
        font-size: 0.7rem!important;
    }

    .activities h4 {
        font-size: 1.1rem;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 768px) {
    .video {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        -webkit-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.38);
        -moz-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.38);
        -ms-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.38);
        box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.38);
        background-color: #000;
    }

    .block-video-content, .block-contest-content {
        padding: 4% 0 0% 0!important;
    }

    .block-video-content-text, .block-contest-content-text {
        padding: 0 !important;
    }

    .block-video-content-text h3, .block-contest-content-text h3 {
        color: #f26522!important;
    }
    
    .logo-englobe {
        margin: 10% auto 6% auto;
    }

	.video-padding {
		padding: 5% 15%!important;
	}
	
	.hidden_desktop {
		display:block!important;
	}

	.hidden_mobile {
		display: none!important;
	}

	.language {
		font-size: 10px!important;
	}

	.logo-eplv {
		right: -6%;
		width: 34%;
	}
	
	.copyright {
		font-size: 8px;
		padding: 3% 1%;
		text-align: center;
	}
	
	#loading-center-absolute {
		right: 45%;
	}

	.brand {
		right: -6%;
		width: 15%;
	}

	.align-center-mobile {
		text-align: center;
	}

    .concours-suivez-le-monarque {
        width: 56%;
        top: 20%;
    }
    
    .btn-concours-suivez-le-monarque { 
        width: 90%;
        font-size: 1em;
        top: 68%;
        border: 1px solid white;
        padding: 2% 2% 3% 2%;
    }
    
    .btn-concours-suivez-le-monarque h2 {
        font-size: 5vw; 
    }
    
    .btn-concours-suivez-le-monarque p {
        margin-bottom: 5%;
    }
    
    .btn-participate {
        padding: 1% 4%;
    }

    .btn-concours-suivez-le-monarque h2 {
        font-size: 1.5em;
    }

    .activities-content p {
        padding: 0 4%;
    }

    .modal-left {
        margin-left: 0;
        text-align: center;  
    }

    .activities {
        padding: 2% 0 6% 0;
    }

    .share-centered {
        text-align: center;
        margin: 0 auto;
    }
}

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

/* iPads (landscape) ----------- */
@media only screen and (max-width : 480px) {

    .thumbs h3 {
        font-size: 8vw!important;
    }

    .btn-participate a {
        font-size: 0.85em!important;
    }

    .hashtag {
        margin: 10% 0 0 0;
    }

	.logo-eplv {
		right: -9%;
    	width: 40%;
	}

	.copyright {
		font-size: 8px;
		padding: 4% 1% 3% 1%;
	}

	.brand {
		right: -6%;
		width: 27%;
	}

	ol, ul {
		padding-left: 10px;
	}

	.overflow h2 {
		font-size: 6vw!important;
	}

	.participate-content i {
		font-size: 12vw;
		margin-bottom: 10%;
	}

	h1 {
		font-size: 5vw!important;
	}

	h2 {
		font-size: 5vw!important;
	}

	h3 {
		font-size: 5vw!important;
    }

    h4 {
		font-size: 5vw!important;
    }

    h5 {
		font-size: 4vw!important;
    }
    
    .activities-content:last-child {
        padding: 0 0 7% 0!important;
        border-bottom: 0;
    }

    .activities-content {
        padding: 0 0 7% 0!important;
        border-bottom: 1px solid #444;
    }
}

@media only screen and (max-width : 322px) {
    .btn-concours-suivez-le-monarque { 
        top: 70%;
        width: 90%;
        padding: 2% 3% 3%;
        font-size: 0.7em;
    }

	.brand {
		right: -6%;
		width: 27%;
    }

    .special-size {
        font-size: 0.5em!important;
    }

    .concours-suivez-le-monarque {
        width: 60%;
        top: 23%;
    }

    .btn-concours-suivez-le-monarque h2 {
        margin-bottom: 0.1rem!important;
    }

    .btn-concours-suivez-le-monarque p {
        margin-bottom: 3%;
    }

    .btn {
        font-size: 0.6rem!important;
        padding: .175rem .5rem;
    }
}