body{
	margin:0;
	font-family:"Avenir";
	font-size:20px;
	color:#222;
}

div{
	box-sizing:border-box;
}

h1, h2, h3{
	text-align:left;
	font-family:"Toronto Subway";
	color:#e50064;
}

h1{
	font-size:36px;
	margin:0 0 20px 0;
}

h2{
	font-size:36px;
}

h3{
	font-size:28px;
}

a, p, li{
	font-family: "Avenir";
	line-height:140%;
}

img{
	max-width:100%;
	display:block;
}

.container{
	max-width:1366px;
	margin:auto;
	padding:0 20px;
}

.row:after{
	display:block;
	content:"";
	clear:both;
}

@media (min-width: 641px){
	h1{
		font-size:40px;
	}
}

@media (min-width: 971px){
	h1{
		font-size:48px;
	}
}
/*header*/
header{
	padding:10px 0;
	margin-bottom:0;
}

header .container > .row{
	display: flex;
    align-items: center;
    justify-content: center;
}

header .left{
	float:left;
	
}

header .right{
	float:right;
	max-width:50%;
}

@media (min-width: 481px){
	header{
		padding:0;
	}
	
	header .left{
		float:left;
		width:auto;
		padding:10px 0;		
	}

	header .right{
		float:right;
		width:auto;
		padding:39px 0 38px;
	}
	
	header .container > .row{
		display:block;
	}
}
/*eo header*/

/*banner-wrapper*/
.banner-wrapper{
	margin:0 0 0 0;
}

.banner-wrapper .desktop{
	display:none;
}

@media (min-width: 641px){
	.banner-wrapper .desktop{
		display:block;
	}

	.banner-wrapper .mobile{
		display:none;
	}
}
/*eo banner-wrapper*/

/*main*/
	main{
		text-align:center;
		padding:40px 0;
	}
	
	main .fake-image{
		width:100%;
		max-width:480px;
		opacity:0;
		z-index:-1;
	}
	
	main .content{
		display: flex;
		
		position:absolute;
		left:0;
		top:0;
		height:100%;
		width:100%;
		max-width:480px;
		background:#e50064;
		
		text-decoration:none;
		color:#fff;
		
		align-items: center;
		justify-content: center;
	}
	
	main .content .fas{
		display:block;
		margin-bottom:20px;
		font-size:64px;
	}
	
	main .content span{
		display:block;	
		font-size:32px;
	}
	
	@media (min-width: 641px){
		main{			
			padding:140px 0;
		}
	}
/*eo main*/

/*footer*/
	footer{
		text-align:center;
		padding:15px 10px;
		background:#e50064;
		font-size:18px;
		color:#fff;		
	}
	
	footer a{
	    display:inline-block;
	    margin-left:10px;
	    color:#fff;
	}
/*eo footer*/

/*grid3*/
	.grid3{
		
	}

	.grid3:after{
		display:block;
		clear:both;
		content:"";
	}

	.grid3 > *{		
		width:100%;		
		margin-bottom:40px;
	}

	.grid3 > *:last-child{
		margin-bottom:0;
	}
	
	.grid3.permanent > *{		
		float:left;
		width:33.33%;		
	}
	
	.grid3 > * > .inner{
		position:relative;
		max-width: 480px;
		margin: auto;
	}

	@media (min-width: 970px){
		.grid3 > *{
			float:left;
			width:33.33%;
			margin-bottom:0;
		}		
	
		.grid3 > *:nth-child(1n+1){
			padding:0 20px 0 0;
		}
	
		.grid3 > *:nth-child(2n+2){
			padding:0 10px 0 10px;
		}
	
		.grid3 > *:nth-child(3n+3){
			padding:0 0 0 20px;
		}
	}
/*eo grid3*/

/*font*/
	@font-face {
		font-family: "Toronto Subway";
		src: url("fonts/Toronto Subway W01 Regular.ttf");
	}

	@font-face {
		font-family: "Avenir";		
		font-weight:300;
		src: url("fonts/AvenirLTStd-Light.otf");
	}

	@font-face {
		font-family: "Avenir";		
		font-weight:500;
		src: url("fonts/AvenirLTStd-Book.otf");
	}

	@font-face {
		font-family: "Avenir";		
		font-weight:700;
		src: url("fonts/AvenirLTStd-Black.otf");
	}
/*eo font*/