/* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        @-moz-document url-prefix() {
        }
    	.s1{
    		height:100vh;
    		background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/backgrounds/srpqv2/GuilbeaultMercier.png);
    		background-attachment: fixed;
            background-size: cover;
            background-position: center;
    	}
    	.s1 .container{
    		position: absolute;
    		top: 50%;
    		left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
    	}
    	.s1 .container .content{
    		margin:auto;
    		width: fit-content;
            width: -moz-fit-content;
    		height:fit-content;
            height: -moz-fit-content;
    	}
    	.s1 .container .title p {
    		font-size:60px;
    		line-height: 1.5;
    		color:#fff;
    		text-align: center;
    		font-weight: lighter;
    		text-transform: uppercase;
        }
        .s1 .container .buttons{
            width: 90%;
            margin: auto;
        }
    	.s1 .container .buttons .wrap{
    		display: flex;
    	}
    	.s1 .container .buttons div {
    		font-size:18px;
    		width: 85%;
    		margin: auto;

    	}
    	.s1 .container .buttons .postuler a{
            display: inline-block;
    		color:white;
    		text-decoration: none;
    		background-color:rgba(21, 93, 233, 1);
    		padding:12px 30px;
    		font-weight: lighter;
    		text-transform: uppercase;
    		transition:all .5s ease;
    	}
    	.s1 .container .buttons .postuler a:hover {
    		background-color:rgba(14, 62, 155, 1);
        }
        .s1 .container .buttons .apropos {
            display: flex;
            justify-content: flex-end;
        }
    	.s1 .container .buttons .apropos a{
            display: inline-block;
    		color:white;
    		text-decoration: none;
    		border:3px solid white;
    		padding:9px 27px;
    		font-weight: lighter;
    		text-transform: uppercase;
            transition:all .5s ease;
    	}
    	.s1 .container .buttons .apropos a:hover {
    		background-color:rgba(14, 62, 155, 1);
    		border:3px solid rgba(14, 62, 155, 1);
        }
        .s1 .container .carte-interactive{
            margin-top: 20px;
            text-align: center;
        }
        .s1 .container .carte-interactive a{
            display: inline-block;
    		color:white;
    		text-decoration: none;
    		background-color:rgba(21, 93, 233, 1);
    		padding:12px 78px;
    		font-weight: lighter;
    		text-transform: uppercase;
    		transition:all .5s ease;
    	}
    	.s1 .container .carte-interactive a:hover {
    		background-color:rgba(14, 62, 155, 1);
    	}
        .s2 .wrap {
            display:table; 
        }    	
        .s2 .section:first-child{
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)) ,url(/images/backgrounds/srpqv2/LS01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            height:100%;
            flex-flow: column;
            display: table-cell;
        }
        .s2 .section:nth-child(2){
            background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(/images/backgrounds/srpqv2/Motard01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            height:100%;
            flex-flow: column;
            display: table-cell;
        }
        .s2 .section:last-child{
            background:linear-gradient(rgba(139,0,0,0.6),rgba(139,0,0,0.6)), url(/images/backgrounds/srpqv2/Blaine01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            height:100%;
            flex-flow: column;
            display: table-cell;
        }
        .s2 .section .content{
            width:100%;
            height: 100%;
        }
        .s2 .section .wrap{
            display:table;
            width: 80%;
            margin: auto;
            flex-flow: column;
            justify-content: space-around;
            height: 100%;
        }
        .s2 .section .wrap div{
            display: table-row;
        }
        .s2 .section:first-child .icon,.s2 .section:nth-child(2) .icon,.s2 .section:last-child .icon{
            text-align: center;
        }
        .s2 .section:first-child .icon img, .s2 .section:nth-child(2) .icon img, .s2 .section:last-child .icon svg{
            width:100px;
            height: 100px;
        }
        .s2 .section:last-child .icon svg{
            color:white;
        }

        .s2 .section .title p{
            font-size:30px;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
            color:white;
            margin:20px 0;
        }
        .s2 .section .text{
        }
        .s2 .section .text p {
            font-size:19px;
            color: white;
            text-align: center;
            word-wrap: break-word;
            text-align: start;
                font-weight: lighter;
            margin:auto;
        }
        .s2 .section .button {
            margin: auto;
            height:100%;
            display:block;
        }
        .s2 .section .button a span{
            padding:10px 20px;
            border:2px solid white;
            color: white;
            display: block;
            transition: all .5s ease;
        }
        .s2 .section .button a{
            display: block;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: lighter;
            text-decoration: none;
            width: -moz-fit-content;
            width: -webkit-fit-content;
            width: fit-content;
            margin: 15px auto;
        }
        .s2 .section .button a span:hover{
            border-color:rgba(21, 93, 233, 1);
            background-color:rgba(21, 93, 233, 1);
        }
        .s3 {
            background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(/images/backgrounds/grand-theft-auto-v-screenshot-5.jpg);
            background-size: cover;
            background-position: top;
            background-attachment: fixed;      
            padding:40px 0;     
        }
        .s3 .wrap {
            margin:auto;
            width:55%;
            height:100%;
        }
        .s3 .wrap a {
            text-decoration: none;
        }
        .s3 .wrapper{
            display: flex;
        }
        .s3 .first-row{
            text-align: center;
        }
        .s3 .first-row .title p{
            font-size:30px;
            text-transform: uppercase;
            color:white;
        }
        .s3 .first-row .text p {
            color:white;
            font-size:22px;
            font-weight: lighter;
        }
        .s3 .last-row {
            height: fit-content;
            height: -moz-fit-content;
            margin: auto;
            text-align: center;
        }
        .s3 .last-row .icon{
            height:fit-content;
            height: -moz-fit-content;
        }
        .s3 .last-row svg {
            width:70%;
            height:70%;
            color:white;
        }
        .s4 .wrap{
            height: fit-content;
            height: -moz-fit-content;
            display: flex;
        }
        .s4 .column:first-child{
            background:linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url('/images/backgrounds/srpqv2/Motard02_SRPQ.png');
            background-size: cover;
            background-position: left center;
        }
        .s4 .column:last-child{
            background-color:#212121;
        }
        .s4 .column:last-child .content{
            display: block;
            width:70%;
            margin:auto;
            color:white;
            margin:30px auto;
        }
        .s4 .column:last-child .title p{
            font-size:38px;
            margin-top:50px;
            text-transform: uppercase;
            text-align: center;
        }
        .s4 .column:last-child .text p{
            font-size:20px;
            margin-bottom:50px;
            font-weight: lighter;
        }
        .s5 {
            padding:40px 0;
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)),url(/images/backgrounds/thumb-1920-553248.jpg);
            background-size: cover;
            background-position: center;
            height:auto;
        }
        .s5:focus{
            outline:none;
        }
        .s5 .content{
            height:100%;
        }        
        .s5 .wrap{
            width:70%;
            margin:auto;
            height:100%;
            display: flex;
            flex-flow: column;

        }
        .s5 .title{
            margin:auto;
            margin-left:0;
            margin-bottom:0;
        }
        .s5 .title p{
            font-size:55px;
            text-transform: uppercase;
            color:white;
            margin:0;
        }
        .s5 .text {
            margin:auto;
            margin-top:40px;
        }
        .s5 .text p{
            font-size:22px;
            color:white;
        }
    }

    /* Medium Devices, Desktops */
    @media (min-width : 992px) and (max-width: 1199px){
        @-moz-document url-prefix() {
        }
        .s1{
    		background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/backgrounds/srpqv2/GuilbeaultMercier.png);
    		background-attachment: fixed;
            background-size: cover;
            background-position: center;
            height: 100vh;
        }
        .s1 .container{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
        }
        .s1 .container .content{
            margin:auto;
            width: fit-content;
            width: -moz-fit-content;
            height:fit-content;
            height: -moz-fit-content;
        }
        .s1 .container .title p {
            font-size:60px;
            line-height: 1.5;
            color:#fff;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
        }
        .s1 .container .buttons{
            width: 90%;
            margin: auto;
        }
        .s1 .container .buttons .wrap{
            display: flex;
        }
        .s1 .container .buttons div {
            font-size:18px;
            width: 85%;
            margin: auto;

        }
        .s1 .container .buttons .postuler a{
            display: inline-block;
            color:white;
            text-decoration: none;
            background-color:rgba(21, 93, 233, 1);
            padding:12px 30px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
        }
        .s1 .container .buttons .postuler a:hover {
            background-color:rgba(14, 62, 155, 1);
        }
        .s1 .container .buttons .apropos {
            display: flex;
            justify-content: flex-end;
        }
        .s1 .container .buttons .apropos a{
            display: inline-block;
            color:white;
            text-decoration: none;
            border:3px solid white;
            padding:9px 27px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
        }
        .s1 .container .buttons .apropos a:hover {
            background-color:rgba(14, 62, 155, 1);
            border:3px solid rgba(14, 62, 155, 1);
        }
        .s1 .container .carte-interactive{
            margin-top: 20px;
            text-align: center;
        }
        .s1 .container .carte-interactive a{
            display: inline-block;
    		color:white;
    		text-decoration: none;
    		background-color:rgba(21, 93, 233, 1);
    		padding:12px 78px;
    		font-weight: lighter;
    		text-transform: uppercase;
    		transition:all .5s ease;
    	}
    	.s1 .container .carte-interactive a:hover {
    		background-color:rgba(14, 62, 155, 1);
    	}
        .s2 .wrap {
            display:flex; 
        }       
        .s2 .section:first-child{
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)) ,url(/images/backgrounds/srpqv2/LS01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 550px;
            height:100%;
            flex-flow: column;
        }
        .s2 .section:nth-child(2){
            background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(/images/backgrounds/srpqv2/Motard01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 550px;
            height:100%;
            flex-flow: column;
        }
        .s2 .section:last-child{
            background:linear-gradient(rgba(139,0,0,0.6),rgba(139,0,0,0.6)), url(/images/backgrounds/srpqv2/Blaine01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 550px;
            height:100%;
            flex-flow: column;
        }
        .s2 .section .content{
            width:100%;
            height: -webkit-fill-available;
            height: -moz-available;
        }
        .s2 .section .wrap{
            display:flex;
            width: 80%;
            margin: auto;
            flex-flow: column;
            justify-content: space-around;
            height: -webkit-fill-available;
            height: -moz-available;
        }
        .s2 .section:first-child .icon,.s2 .section:nth-child(2) .icon,.s2 .section:last-child .icon{
            text-align: center;
        }
        .s2 .section:first-child .icon img, .s2 .section:nth-child(2) .icon img, .s2 .section:last-child .icon svg{
            width:100px;
            height: 100px;
        }
        .s2 .section:last-child .icon svg{
            color:white;
        }

        .s2 .section .title p{
            font-size:30px;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
            color:white;
            margin:20px 0;
        }
        .s2 .section .text{
        }
        .s2 .section .text p {
            font-size:19px;
            color: white;
            text-align: center;
            word-wrap: break-word;
            text-align: start;
                font-weight: lighter;
            margin:auto;
        }
        .s2 .section .button {
            margin: auto;
            height:100%;
            display:block;
        }
        .s2 .section .button a span{
            padding:10px 20px;
            border:2px solid white;
            color: white;
            display: block;
            transition: all .5s ease;
        }
        .s2 .section .button a{
            display: block;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: lighter;
            text-decoration: none;
            width: -moz-fit-content;
            width: -webkit-fit-content;
            width: fit-content;
            margin: 15px auto;
        }
        .s2 .section .button a span:hover{
            border-color:rgba(21, 93, 233, 1);
            background-color:rgba(21, 93, 233, 1);
        }
        .s3 {
            background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(/images/backgrounds/grand-theft-auto-v-screenshot-5.jpg);
            background-size: cover;
            background-position: top;
            background-attachment: fixed;      
            padding:40px 0;     
        }
        .s3 .wrap {
            margin:auto;
            width:55%;
            height:100%;
        }
        .s3 .wrap a {
            text-decoration: none;
        }
        .s3 .wrapper{
            display: flex;
        }
        .s3 .first-row{
            text-align: center;
        }
        .s3 .first-row .title p{
            font-size:30px;
            text-transform: uppercase;
            color:white;
        }
        .s3 .first-row .text p {
            color:white;
            font-size:22px;
            font-weight: lighter;
        }
        .s3 .last-row {
            height: fit-content;
            height: -moz-fit-content;
            margin: auto;
            text-align: center;
        }
        .s3 .last-row .icon{
            height:fit-content;
            height: -moz-fit-content;
        }
        .s3 .last-row svg {
            width:70%;
            height:70%;
            color:white;
        }
        .s4 .wrap{
            height: fit-content;
            height: -moz-fit-content;
            display: flex;
        }
        .s4 .column:first-child{
            background:linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url('/images/backgrounds/srpqv2/Motard02_SRPQ.png');
            background-size: cover;
            background-position: left center;
        }
        .s4 .column:last-child{
            background-color:#212121;
        }
        .s4 .column:last-child .content{
            display: block;
            width:70%;
            margin:auto;
            color:white;
            margin:30px auto;
        }
        .s4 .column:last-child .title p{
            font-size:38px;
            margin-top:50px;
            text-transform: uppercase;
            text-align: center;
        }
        .s4 .column:last-child .text p{
            font-size:20px;
            margin-bottom:50px;
            font-weight: lighter;
        }
        .s5 {
            padding:40px 0;
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)),url(/images/backgrounds/thumb-1920-553248.jpg);
            background-size: cover;
            background-position: center;
            height:auto;
        }
        .s5 .content{
            height:100%;
        }        
        .s5 .wrap{
            width:70%;
            margin:auto;
            height:100%;
            display: flex;
            flex-flow: column;

        }
        .s5 .title{
            margin:auto;
            margin-left:0;
            margin-bottom:0;
        }
        .s5 .title p{
            font-size:55px;
            text-transform: uppercase;
            color:white;
            margin:0;
        }
        .s5 .text {
            margin:auto;
            margin-top:40px;
        }
        .s5 .text p{
            font-size:22px;
            color:white;
        }

    }

    /* Small Devices, Tablets */
    @media (min-width : 768px) and (max-width: 991px){
        @-moz-document url-prefix() {
        }
        .s1{
    		background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/backgrounds/srpqv2/GuilbeaultMercier.png);
    		background-attachment: fixed;
            background-size: cover;
            background-position: center;
            height: 100vh;
        }
        .s1 .container{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
        }
        .s1 .container .content{
            margin:auto;
            width: fit-content;
            width: -moz-fit-content;
            height:fit-content;
            height: -moz-fit-content;
        }
        .s1 .container .title p {
            font-size:70px;
            line-height: 1.5;
            color:#fff;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
        }
        .s1 .container .buttons {
            display: flex;
        }
        .s1 .container .buttons .wrap{
            display: flex;
        }
        .s1 .container .buttons div {
            font-size:30px;
            width: fit-content;
            margin: auto;

        }
        .s1 .container .buttons .postuler a{
            display: inline-block;
            color:white;
            text-decoration: none;
            background-color:rgba(21, 93, 233, 1);
            padding:12px 30px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
            margin:auto;
            margin-right:20px;
        }
        .s1 .container .buttons .postuler a:hover {
            background-color:rgba(14, 62, 155, 1);
        }
        .s1 .container .buttons .apropos {
            display: flex;
            justify-content: flex-end;
        }
        .s1 .container .buttons .apropos a{
            display: inline-block;
            color:white;
            text-decoration: none;
            border:3px solid white;
            padding:9px 27px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
        }
        .s1 .container .buttons .apropos a:hover {
            background-color:rgba(14, 62, 155, 1);
            border:3px solid rgba(14, 62, 155, 1);
        }
        .s1 .container .carte-interactive{
            margin-top: 20px;
            text-align: center;
        }
        .s1 .container .carte-interactive a{
            display: inline-block;
    		color:white;
    		text-decoration: none;
    		background-color:rgba(21, 93, 233, 1);
    		padding:12px 75px;
    		font-weight: lighter;
    		text-transform: uppercase;
            transition:all .5s ease;
            font-size: 30px;
    	}
    	.s1 .container .carte-interactive a:hover {
    		background-color:rgba(14, 62, 155, 1);
    	}
        .s2 .wrap {
            display:block; 
        }       
        .s2 .section:first-child{
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)) ,url(/images/backgrounds/srpqv2/LS01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section:nth-child(2){
            background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(/images/backgrounds/srpqv2/Motard01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section:last-child{
            background:linear-gradient(rgba(139,0,0,0.6),rgba(139,0,0,0.6)), url(/images/backgrounds/srpqv2/Blaine01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section .content{
            width:100%;
            height: -webkit-fill-available;
            height: -moz-available;
            height:100%;
            padding:20px 0;
        }
        .s2 .section .wrap{
            display:block;
            width: 80%;
            margin: auto;
            flex-flow: column;
            justify-content: space-around;
            height: -webkit-fill-available;
            height: -moz-available;
            height:100%;
        }
        .s2 .section:first-child .icon,.s2 .section:nth-child(2) .icon,.s2 .section:last-child .icon{
            text-align: center;
        }
        .s2 .section:first-child .icon img, .s2 .section:nth-child(2) .icon img, .s2 .section:last-child .icon svg{
            width:250px;
            height: 250px;
        }
        .s2 .section:last-child .icon svg{
            color:white;
        }

        .s2 .section .title p{
            font-size:70px;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
            color:white;
            margin:20px 0;
        }
        .s2 .section .text{
        }
        .s2 .section .text p {
            font-size:50px;
            color: white;
            text-align: center;
            word-wrap: break-word;
            text-align: start;
                font-weight: lighter;
            margin:auto;
        }
        .s2 .section .button {
            margin: auto;
            height:100%;
            display:block;
        }
        .s2 .section .button a span{
            padding:10px 20px;
            border:2px solid white;
            color: white;
            display: block;
            transition: all .5s ease;
        }
        .s2 .section .button a{
            display: block;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: lighter;
            text-decoration: none;
            width: -moz-fit-content;
            width: -webkit-fit-content;
            width: fit-content;
            margin: 15px auto;
        }
        .s2 .section .button a span:hover{
            border-color:rgba(21, 93, 233, 1);
            background-color:rgba(21, 93, 233, 1);
        }
        .s3 {
            background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(/images/backgrounds/grand-theft-auto-v-screenshot-5.jpg);
            background-size: cover;
            background-position: top;
            background-attachment: fixed;      
            padding:40px 0;     
        }
        .s3 .wrap {
            margin:auto;
            width:80%;
            height:100%;
        }
        .s3 .wrap a {
            text-decoration: none;
        }
        .s3 .wrapper{
            display: flex;
        }
        .s3 .first-row{
            text-align: center;
        }
        .s3 .first-row .title p{
            font-size:38px;
            text-transform: uppercase;
            color:white;
        }
        .s3 .first-row .text p {
            color:white;
            font-size:28px;
            font-weight: lighter;
        }
        .s3 .last-row {
            height: fit-content;
            height: -moz-fit-content;
            margin: auto;
            text-align: center;
        }
        .s3 .last-row .icon{
            height:fit-content;
            height: -moz-fit-content;
        }
        .s3 .last-row svg {
            width:75%;
            height:75%;
            color:white;
        }
        .s4 {
            background-color:#212121;
        }
        .s4 .wrap{
            height: fit-content;
            height: -moz-fit-content;
            display: block;
        }
        .s4 .column:first-child{
            background:linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url('/images/backgrounds/srpqv2/Motard02_SRPQ.png');
            background-size: cover;
            background-position: left center;
            display:none;
        }
        .s4 .column:last-child{
            background-color:#212121;
        }
        .s4 .column:last-child .content{
            display: block;
            width:70%;
            margin:auto;
            color:white;
            padding:30px;
        }
        .s4 .column:last-child .title p{
            font-size:70px;
            padding-top:50px;
            text-transform: uppercase;
            text-align: center;
            margin:0;
        }
        .s4 .column:last-child .text p{
            font-size:35px;
            padding-top:50px;
            padding-bottom:50px;
            font-weight: lighter;
            margin:0;
        }
        .s5 {
            padding:50px 0;
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)),url(/images/backgrounds/thumb-1920-553248.jpg);
            background-size: cover;
            background-position: center;
            height:auto;
        }
        .s5 .content{
            height:100%;
        }        
        .s5 .wrap{
            width:70%;
            margin:auto;
            height:100%;
            display: flex;
            flex-flow: column;

        }
        .s5 .title{
            margin:auto;
            margin-left:0;
            margin-bottom:0;
        }
        .s5 .title p{
            font-size:80px;
            text-transform: uppercase;
            color:white;
            margin:0;
        }
        .s5 .text {
            margin:auto;
            margin-top:40px;
        }
        .s5 .text p{
            font-size:35px;
            color:white;
        }

    }

    /* Extra Small Devices, Phones */ 
    @media (min-width : 480px) and (max-width: 767px){
        @-moz-document url-prefix() {
        }
        .s1{
    		background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/backgrounds/srpqv2/GuilbeaultMercier.png);
    		background-attachment: ;
            background-size: cover;
            background-position: center;
            height: 100vh;
        }
        .s1 .container{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
        }
        .s1 .container .content{
            margin:auto;
            width: fit-content;
            width: -moz-fit-content;
            height:fit-content;
            height: -moz-fit-content;
        }
        .s1 .container .title p {
            font-size:60px;
            line-height: 1.5;
            color:#fff;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
        }
        .s1 .container .buttons .wrap{
            display: flex;
        }
        .s1 .container .buttons div {
            font-size:25px;
            width: fit-content;
            margin: auto;

        }
        .s1 .container .buttons .postuler a{
            display: inline-block;
            color:white;
            text-decoration: none;
            background-color:rgba(21, 93, 233, 1);
            padding:12px 30px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
            margin:auto;
            margin-right:20px;
        }
        .s1 .container .buttons .postuler a:hover {
            background-color:rgba(14, 62, 155, 1);
        }
        .s1 .container .buttons .apropos a{
            display: inline-block;
            color:white;
            text-decoration: none;
            border:3px solid white;
            padding:9px 27px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
        }
        .s1 .container .buttons .apropos a:hover {
            background-color:rgba(14, 62, 155, 1);
            border:3px solid rgba(14, 62, 155, 1);
        }
        .s1 .container .carte-interactive{
            margin-top: 20px;
            text-align: center;
        }
        .s1 .container .carte-interactive a{
            display: inline-block;
    		color:white;
    		text-decoration: none;
    		background-color:rgba(21, 93, 233, 1);
    		padding:12px 75px;
    		font-weight: lighter;
    		text-transform: uppercase;
            transition:all .5s ease;
            font-size: 25px;
    	}
    	.s1 .container .carte-interactive a:hover {
    		background-color:rgba(14, 62, 155, 1);
    	}

        .s2 .wrap {
            display:block; 
        }       
        .s2 .section:first-child{
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)) ,url(/images/backgrounds/srpqv2/LS01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section:nth-child(2){
            background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(/images/backgrounds/srpqv2/Motard01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section:last-child{
            background:linear-gradient(rgba(139,0,0,0.6),rgba(139,0,0,0.6)), url(/images/backgrounds/srpqv2/Blaine01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:50px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section .content{
            width:100%;
            height: -webkit-fill-available;
            height: -moz-available;
            height:100%;
            padding:20px 0;
        }
        .s2 .section .wrap{
            display:block;
            width: 80%;
            margin: auto;
            flex-flow: column;
            justify-content: space-around;
            height: -webkit-fill-available;
            height: -moz-available;
            height:100%;
        }
        .s2 .section:first-child .icon,.s2 .section:nth-child(2) .icon,.s2 .section:last-child .icon{
            text-align: center;
        }
        .s2 .section:first-child .icon img, .s2 .section:nth-child(2) .icon img, .s2 .section:last-child .icon svg{
            width:250px;
            height: 250px;
        }
        .s2 .section:last-child .icon svg{
            color:white;
        }

        .s2 .section .title p{
            font-size:70px;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
            color:white;
            margin:20px 0;
        }
        .s2 .section .text{
        }
        .s2 .section .text p {
            font-size:50px;
            color: white;
            text-align: center;
            word-wrap: break-word;
            text-align: start;
                font-weight: lighter;
            margin:auto;
        }
        .s2 .section .button {
            margin: auto;
            height:100%;
            display:block;
        }
        .s2 .section .button a span{
            padding:10px 20px;
            border:2px solid white;
            color: white;
            display: block;
            transition: all .5s ease;
        }
        .s2 .section .button a{
            display: block;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: lighter;
            text-decoration: none;
            width: -moz-fit-content;
            width: -webkit-fit-content;
            width: fit-content;
            margin: 15px auto;
        }
        .s2 .section .button a span:hover{
            border-color:rgba(21, 93, 233, 1);
            background-color:rgba(21, 93, 233, 1);
        }
        .s3 {
            background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(/images/backgrounds/grand-theft-auto-v-screenshot-5.jpg);
            background-size: cover;
            background-position: top;
            background-attachment: fixed;      
            padding:40px 0;     
        }
        .s3 .wrap {
            margin:auto;
            width:80%;
            height:100%;
        }
        .s3 .wrap a {
            text-decoration: none;
        }
        .s3 .wrapper{
            display: flex;
        }
        .s3 .first-row{
            text-align: center;
        }
        .s3 .first-row .title p{
            font-size:38px;
            text-transform: uppercase;
            color:white;
        }
        .s3 .first-row .text p {
            color:white;
            font-size:28px;
            font-weight: lighter;
        }
        .s3 .last-row {
            height: fit-content;
            height: -moz-fit-content;
            margin: auto;
            text-align: center;
        }
        .s3 .last-row .icon{
            height:fit-content;
            height: -moz-fit-content;
        }
        .s3 .last-row svg {
            width:75%;
            height:75%;
            color:white;
        }
        .s4 {
            background-color:#212121;
        }
        .s4 .wrap{
            height: fit-content;
            height: -moz-fit-content;
            display: block;
        }
        .s4 .column:first-child{
            background:linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url('/images/backgrounds/srpqv2/Motard02_SRPQ.png');
            background-size: cover;
            background-position: left center;
            display:none;
        }
        .s4 .column:last-child{
            background-color:#212121;
        }
        .s4 .column:last-child .content{
            display: block;
            width:70%;
            margin:auto;
            color:white;
            padding:30px;
        }
        .s4 .column:last-child .title p{
            font-size:50px;
            padding-top:50px;
            text-transform: uppercase;
            text-align: center;
            margin:0;
        }
        .s4 .column:last-child .text p{
            font-size:35px;
            padding-top:50px;
            padding-bottom:50px;
            font-weight: lighter;
            margin:0;
        }
        .s5 {
            padding:50px 0;
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)),url(/images/backgrounds/thumb-1920-553248.jpg);
            background-size: cover;
            background-position: center;
            height:auto;
        }
        .s5 .content{
            height:100%;
        }        
        .s5 .wrap{
            width:70%;
            margin:auto;
            height:100%;
            display: flex;
            flex-flow: column;

        }
        .s5 .title{
            margin:auto;
            margin-left:0;
            margin-bottom:0;
        }
        .s5 .title p{
            font-size:80px;
            text-transform: uppercase;
            color:white;
            margin:0;
        }
        .s5 .text {
            margin:auto;
            margin-top:40px;
        }
        .s5 .text p{
            font-size:35px;
            color:white;
        }
    }

    /* Custom, iPhone Retina */ 
    @media screen and (min-width : 320px) and (max-width: 479px) {
        @-moz-document url-prefix() {
        }        
        .s1{
    		background-image:linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/backgrounds/srpqv2/GuilbeaultMercier.png);
            background-size: cover;
            background-position: center;
            height: 100vh;
        }
        .s1 .container{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:100%;
        }
        .nav {display:none;}
        .s1 .container .content{
            margin:auto;
            width: 90%;
            height:fit-content;
            height: -moz-fit-content;
        }
        .s1 .container .title p {
            font-size:50px;
            line-height: 1.5;
            color:#fff;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
        }
        .s1 .container .buttons .wrap{
            display: flex;
        }
        .s1 .container .buttons div {
            font-size:16px;
            width: fit-content;
            margin: auto;

        }
        .s1 .container .buttons .postuler a{
            display: inline-block;
            color:white;
            text-decoration: none;
            background-color:rgba(21, 93, 233, 1);
            padding:12px 20px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
            margin:auto;
            margin-right:20px;
        }
        .s1 .container .buttons .postuler a:hover {
            background-color:rgba(14, 62, 155, 1);
        }
        .s1 .container .buttons .apropos a{
            display: inline-block;
            color:white;
            text-decoration: none;
            border:3px solid white;
            padding:9px 20px;
            font-weight: lighter;
            text-transform: uppercase;
            transition:all .5s ease;
        }
        .s1 .container .buttons .apropos a:hover {
            background-color:rgba(14, 62, 155, 1);
            border:3px solid rgba(14, 62, 155, 1);
        }
        .s1 .container .carte-interactive{
            margin-top: 20px;
            text-align: center;
        }
        .s1 .container .carte-interactive a{
            display: inline-block;
    		color:white;
    		text-decoration: none;
    		background-color:rgba(21, 93, 233, 1);
    		padding:12px 56px;
    		font-weight: lighter;
    		text-transform: uppercase;
            transition:all .5s ease;
            font-size: 16px;
    	}
    	.s1 .container .carte-interactive a:hover {
    		background-color:rgba(14, 62, 155, 1);
    	}

        .s2 .wrap {
            display:block; 
        }       
        .s2 .section:first-child{
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)) ,url(/images/backgrounds/srpqv2/LS01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:20px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section:nth-child(2){
            background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(/images/backgrounds/srpqv2/Motard01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:20px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section:last-child{
            background:linear-gradient(rgba(139,0,0,0.6),rgba(139,0,0,0.6)), url(/images/backgrounds/srpqv2/Blaine01_SRPQ.png);
            background-size: cover;
            background-position: center;
            position: relative;
            height: auto;
            padding:20px 0;
            min-height: 200px;
            height:100%;
        }
        .s2 .section .content{
            width:100%;
            height: -webkit-fill-available;
            height: -moz-available;
            height:100%;
            padding:20px 0;
        }
        .s2 .section .wrap{
            display:block;
            width: 80%;
            margin: auto;
            flex-flow: column;
            justify-content: space-around;
            height: -webkit-fill-available;
            height: -moz-available;
            height:100%;
        }
        .s2 .section:first-child .icon,.s2 .section:nth-child(2) .icon,.s2 .section:last-child .icon{
            text-align: center;
        }
        .s2 .section:first-child .icon img, .s2 .section:nth-child(2) .icon img, .s2 .section:last-child .icon svg{
            width:80px;
            height: 80px;
        }
        .s2 .section:last-child .icon svg{
            color:white;
        }

        .s2 .section .title p{
            font-size:40px;
            text-align: center;
            font-weight: lighter;
            text-transform: uppercase;
            color:white;
            margin:20px 0;
        }
        .s2 .section .text{
        }
        .s2 .section .text p {
            font-size:20px;
            color: white;
            text-align: center;
            word-wrap: break-word;
            text-align: start;
                font-weight: lighter;
            margin:auto;
        }
        .s2 .section .button {
            margin: auto;
            height:100%;
            display:block;
        }
        .s2 .section .button a span{
            padding:10px 20px;
            border:2px solid white;
            color: white;
            display: block;
            transition: all .5s ease;
        }
        .s2 .section .button a{
            display: block;
            text-transform: uppercase;
            font-size: 18px;
            font-weight: lighter;
            text-decoration: none;
            width: -moz-fit-content;
            width: -webkit-fit-content;
            width: fit-content;
            margin: 15px auto;
        }
        .s2 .section .button a span:hover{
            border-color:rgba(21, 93, 233, 1);
            background-color:rgba(21, 93, 233, 1);
        }
        .s3 {
            background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(/images/backgrounds/grand-theft-auto-v-screenshot-5.jpg);
            background-size: cover;
            background-position: top;
            background-attachment: fixed;      
            padding:40px 0;     
        }
        .s3 .wrap {
            margin:auto;
            width:80%;
            height:100%;
        }
        .s3 .wrap a {
            text-decoration: none;
        }
        .s3 .wrapper{
            display: flex;
        }
        .s3 .first-row{
            text-align: center;
        }
        .s3 .first-row .title p{
            font-size:30px;
            text-transform: uppercase;
            color:white;
        }
        .s3 .first-row .text p {
            color:white;
            font-size:20px;
            font-weight: lighter;
        }
        .s3 .last-row {
            height: fit-content;
            height: -moz-fit-content;
            margin: auto;
            text-align: center;
        }
        .s3 .last-row .icon{
            height:fit-content;
            height: -moz-fit-content;
        }
        .s3 .last-row svg {
            width:50%;
            height:50%;
            color:white;
        }
        .s4 {
            background-color:#212121;
        }
        .s4 .wrap{
            height: fit-content;
            height: -moz-fit-content;
            display: block;
        }
        .s4 .column:first-child{
            background:linear-gradient(rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.4)), url('/images/backgrounds/srpqv2/Motard02_SRPQ.png');
            background-size: cover;
            background-position: left center;
            display:none;
        }
        .s4 .column:last-child{
            background-color:#212121;
        }
        .s4 .column:last-child .content{
            display: block;
            width:70%;
            margin:auto;
            color:white;
            padding:30px;
        }
        .s4 .column:last-child .title p{
            font-size:40px;
            padding-top:50px;
            text-transform: uppercase;
            text-align: center;
            margin:0;
        }
        .s4 .column:last-child .text p{
            font-size:20px;
            padding-top:50px;
            padding-bottom:50px;
            font-weight: lighter;
            margin:0;
        }
        .s5 {
            padding:50px 0;
            background:linear-gradient(rgba(14, 62, 155,0.6),rgba(14, 62, 155,0.6)),url(/images/backgrounds/thumb-1920-553248.jpg);
            background-size: cover;
            background-position: center;
            height:auto;
        }
        .s5 .content{
            height:100%;
        }        
        .s5 .wrap{
            width:70%;
            margin:auto;
            height:100%;
            display: flex;
            flex-flow: column;

        }
        .s5 .title{
            margin:auto;
            margin-left:0;
            margin-bottom:0;
        }
        .s5 .title p{
            font-size:40px;
            text-transform: uppercase;
            color:white;
            margin:0;
        }
        .s5 .text {
            margin:auto;
            margin-top:40px;
        }
        .s5 .text p{
            font-size:20px;
            color:white;
        }

    }