@font-face{
	font-family: vibes;
	src: url(../fonts/GreatVibes-Regular.otf);
}

@font-face{
	font-family: lato;
	src: url(../fonts/Lato-Light.ttf);
}

body{
	background-color: #e2e5e4;
        overflow-x: hidden;
}

@media screen and (min-width: 922px) {
    body {
        background:url('');
    }
}



.heading{
	position: absolute;
	width: 100%;
	height: 100px;
	background: #681ea3;
	text-align: center
}

.heading img{
	position: relative;
	top: 20px;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 220px solid transparent;
  border-right: 220px solid transparent;
  border-top: 40px solid #681ea3;
  margin: 0 auto;
  margin-top: 5px;
}

@media only screen and (max-width:500px){
    .arrow-down{
        display: block;
        border-left: 150px solid transparent;
        border-right: 150px solid transparent;
    }
}

.ruban-rouge{
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center
}

.ruban-rouge img{
	position: relative;
	top: -20px
}

.right-side, .left-side{
	width:50%;
}

.subscription{
	position: relative;
	margin: 0 auto
}