@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);



body {
	font-family: 'source sans pro', arial, helvetica, sans-serif;
	margin: 0px;
  	padding: 0px;
  	font-size: 0.85em;
	color:#393939;
	background-color:#333333;
	-webkit-text-size-adjust: none
}

p {
	padding:0px;
	margin:0px 0px 15px;
	line-height:150%;
}

h1,h2,h3,h4,h5 {
	font-size:1.0em;
	margin:0px;
	padding:0px;
	line-height:120%;
}

iframe {
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

h2 {
	font-weight:600;
	font-size:1.8em;
	margin-bottom:20px;
}

h3 {
	font-weight:600;
	font-size:1.8em;
	margin-bottom:20px;
}

img {
	border:0px;
	vertical-align:bottom;
}

.red {
	color:#EF2942 !important;
}

a:link, a:visited {
	color:#EF2942;
	text-decoration:underline;
}

a:hover {
	color:#EF2942;
	text-decoration:none;
}

.btn_normal {
	background:transparent;
	text-transform:uppercase;
	line-height:20px;
	padding:5px 10px;
	font-weight:600;
	text-decoration:none;
	border-radius:0px;
	text-shadow:none;
	font-size:0.9em;
	box-sizing:border-box;
	cursor:pointer;
	border:2px solid #454545;
	color:#454545;
	-webkit-appearance:none;
	
	
	/* Transition */
	-webkit-transition: all 0.2s, ease-out;
	-moz-transition: all 0.2s, ease-out;
	-o-transition: all 0.2s, ease-out;
	transition: all 0.2s, ease-out;
}

.btn_normal:hover,
.btn_normal:focus {
	border:2px solid #454545;
	color:#FFFFFF;
	background-color:#454545;
}

.btn_white {
	border:2px solid #FFFFFF;
	color:#FFFFFF;
}

.btn_white:hover,
.btn_white:focus {
	border:2px solid #FFFFFF;
	color:#EF2942;
	background-color:#FFFFFF;
}


.btn_red {
	border:2px solid #EF2942;
	color:#EF2942;
}

.btn_red:hover,
.btn_red:focus {
	border:2px solid #EF2942;
	color:#FFFFFF;
	background-color:#EF2942;
}



.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

input, button, select, textarea {
	font-size: 1.0em;
	font-family: 'source sans pro', arial, helvetica, sans-serif;
}

input.inputbox[type="text"],
input.inputbox[type="password"],
input.inputbox[type="date"],
input.inputbox[type="file"],
input.inputbox {
	border:1px solid #e3e3e3;
	border-top:1px solid #ABABAB;
	background-color: #FFFFFF;
	width:100%;
	display:inline-block;
	height:24px;
	line-height:24px;
	box-sizing: border-box;
	padding:0px 5px;
	color: #454545;
	-webkit-appearance:none;
	border-radius:0px;
}

textarea.inputbox {
	border:1px solid #e3e3e3;
	border-top:1px solid #ABABAB;
	background-color: #FFFFFF;
	width:100%;
	display:block;
	height:100px;
	line-height:24px;
	box-sizing: border-box;
	padding:5px 5px;
	color: #454545;
	-webkit-appearance:none;
}

div#wrapper 
{
    width: 100%;
}
    
/* Page Structure */

.inner_container {
	width:960px;
	margin:0px auto;
	padding:40px 0px;

}
    
/* Page Header */

#page_header {
	background-color:#EF2942;
	color:#FFFFFF;
	border-bottom:1px solid rgba(255,255,255,0.20);
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	z-index:10;
}


	#page_header .inner_container {
		padding:20px 0px;
	}

	#page_header h1 {
		float:left;
	}
	
		#page_header h1 a {
			float:left;
			display:block;
			width:160px;
			text-indent:-999em;
			outline:none;
			background:url(/images/redstrand_logo.png) center center no-repeat;
			background-size:160px 40px;
			height:40px;
		}
		
	#page_header #btn_nav {
		float:right;
		background:url(/images/icon_nav.png) center center no-repeat;
		height:35px;
		width:35px;
		text-indent:-999em;
		text-align:left;
		border:0px;
		margin:5px 0px;
		padding:0px 0px;
		cursor:pointer;
		display:none;
	}
		
	#page_header ul.nav {
		float:right;
		margin:0px;
		padding:5px 0px;
		list-style:none;
	}
	
		#page_header ul.nav li {
			float:left;
			display:block;
		}
		
			#page_header ul.nav li a {
				color:#FFFFFF;
				text-decoration:none;
				font-weight:600;
				text-transform:uppercase;
				line-height:20px;
				border:2px solid #EF2942;
				padding:5px 10px;
				display:block;
				float:left;
				/* Transition */
				-webkit-transition: all 0.2s, ease-out;
				-moz-transition: all 0.2s, ease-out;
				-o-transition: all 0.2s, ease-out;
				transition: all 0.2s, ease-out;
				font-size:0.9em;
				opacity:0.5;
			}
			
			
			#page_header ul.nav li a:hover {
				opacity:1.0;
			}
			
			#page_header ul.nav li.current a {
				border-color: #FFFFFF !important;
				opacity:1.0;
			}
			
		#page_header ul.nav li#link_twitter {
			margin-left:10px;
		}
			
			#page_header ul.nav li a.icon_twitter {
				text-indent:-999em;
				height:20px;
				width:10px;
				background:url(/images/icon_twitter.png) center center no-repeat;
				background-size:30px 30px;
				opacity:1.0;
			}
			
			#page_header ul.nav li a.icon_facebook {
				text-indent:-999em;
				height:20px;
				width:10px;
				background:url(/images/icon_facebook.png) center center no-repeat;
				background-size:30px 30px;
				opacity:1.0;
			}

/* Page Title */

#page_title {
	background-color:#EF2942;
	color:#FFFFFF;
	text-align:center;
	margin-top:85px;
}


	#page_title h2.page_title {
		font-weight:200;
		font-size:2.5em;
		margin-bottom:10px;
	}
	
	#page_title .page_description {
		font-weight:200;
		font-size:1.35em;
	}

		#page_title .page_description p {
			margin: 0px;
		}

	#page_title .page_cta {
		margin-top:30px;
		text-align:center;
	}
	
/* Page Feature */
#page_feature {
	background-color:#EFEEEC;
	color:#454545;
}

	
/* Page Body */

#page_body {
	background-color:#FFFFFF;
	color:#454545;
}


	.section_title {
		text-align:center;
		margin-bottom:40px;
	}
	
		.section_title h2 {
			font-size:2.5em;
			font-weight:400;
			line-height:150%;
		}
		
			.section_title .section_intro {
				font-size:1.4em;
				font-weight:300;
				line-height:150%;
				padding:0px 20px;
			}
	
	.section_content {}
	
		/* Services */
		.section_content ul.services {
			float:left;
			width:100%;
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
			.section_content ul.services li {
				float:left;
				display:block;
				width:25%;
			}
			
				.section_content ul.services li>div {
					text-align:center;
					padding:10px;
				}
				
					.section_content ul.services li>div .icon_service {
						margin-bottom:20px;
						width:100px;
						height:100px;
						display:block;
						background:url(/images/sprite_services.png) 0px 0px no-repeat;
						background-size:400px 100px;
						position:relative;
						left:50%;
						margin-left:-50px;
					}
					
						.section_content ul.services li>div .icon_service.icon_web_dev 	{ background-position:0px 0px;}
						.section_content ul.services li>div .icon_service.icon_mobile_dev 	{ background-position:-100px 0px;}
						.section_content ul.services li>div .icon_service.icon_cms	 	{ background-position:-200px 0px;}
						.section_content ul.services li>div .icon_service.icon_ecommerce { background-position:-300px 0px;}
					
					.section_content ul.services li>div h3 {
						display:block;
						font-size:1.35em;
						font-weight:400;
						margin:0px;
						padding:0px 0px 20px;
						color:#666666;
					}
					
					.section_content ul.services li>div p {
						display:block;
						font-weight:300;
						color:#999999;
						font-size:1.1em;
					}
					
		/* Approach */
		.section_content ul.approach {
			float:left;
			width:100%;
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
			
			
			.section_content ul.approach li {
				float:left;
				display:block;
				width:25%;
			}
			
			.section_content ul.approach li:first-child {
				margin-left:12.5%;
			}
			
			.section_content ul.approach li:last-child {
				margin-right:12.5%;
			}
			
				.section_content ul.approach li>div {
					text-align:center;
					padding:10px;
				}
				
					.section_content ul.approach li>div .icon_approach {
						margin-bottom:20px;
						width:100px;
						height:100px;
						display:block;
						background:url(/images/sprite_approach.png) 0px 0px no-repeat;
						background-size:300px 100px;
						position:relative;
						left:50%;
						margin-left:-50px;
					}
					
						.section_content ul.approach li>div .icon_approach.icon_listen 	{ background-position:0px 0px;}
						.section_content ul.approach li>div .icon_approach.icon_build 	{ background-position:-100px 0px;}
						.section_content ul.approach li>div .icon_approach.icon_support	 	{ background-position:-200px 0px;}
					
					.section_content ul.approach li>div h3 {
						display:block;
						font-size:1.35em;
						font-weight:400;
						margin:0px;
						padding:0px 0px 20px;
						color:#666666;
					}
					
					.section_content ul.approach li>div p {
						display:block;
						font-weight:300;
						color:#999999;
						font-size:1.1em;
					}
			
		/* Page Columns */
		ul.cols_3 {
			margin:-15px;
			width:990px;
			float:left;
			padding:0px;
			list-style:none;
		}
		
		ul.cols_3>li {
			width:300px;
			margin:15px;
			float:left;
		}
		
		ul.cols_4 {
			margin:-10px;
			width:840px;
			float:left;
			padding:0px;
			list-style:none;
		}
		
		ul.cols_4>li {
			width:120px;
			margin:10px;
			float:left;
		}
		
		h3.sub_title {
			margin:0px;
			padding:0px;
			font-weight:400;
			font-size:1.4em;
			line-height:20px;
			margin:0px 0px 10px;
			color:#151515;
			line-height:30px;
		}
		
		ul.generic_list {
			margin:0px 0px 30px 15px;
			padding:0px;
			list-style-type:disc;
		}
		
			ul.generic_list>li {
				line-height:150%;
			}
			
		ol.generic_list {
			margin:0px 0px 30px 15px;
			padding:0px;
		}
		
			ol.generic_list>li {
				line-height:150%;
				margin-bottom:10px;
			}
		
		/* Info Box */
		.info_box {
			background-color:#FFFFFF;
			padding:20px;
		}
		
		.info_box.contact_us {
			background:#FFFFFF url(/images/icon_contact.png) right 20px top 20px no-repeat;
			background-size:50px 50px;
			padding-top:30px;
		}
		
			.info_box h3 {
				margin:0px 0px 20px;
				padding:0px;
				font-size:1.4em;
				font-weight:400;
				color:#EF2942;
				line-height:30px;
			}
			
		/* Info Box */
		
		.application_box {
			background:#EFEEEC url(/images/icon_apply.png) right 20px top 20px no-repeat;
			background-size:100px 70px;
			padding:20px;
			padding-top:30px;
		}
		
			.application_box h3 {
				margin:0px 0px 20px;
				padding:0px;
				font-size:1.4em;
				font-weight:400;
				color:#333333;
				line-height:30px;
			}
			
		/* Client List */
		#client_list>li {}

		#client_list>li img {
			width: 100px;
			height: 90px;
		    padding: 1px; 
			border: 1px solid #EFEEEC;
		    margin-bottom: 10px;
		}

		/* Case Studies */
		#case_study_list>li {}
		
		#case_study_list>li a {
			color:inherit;
			text-decoration:none;
			/* Transition */
			-webkit-transition: all 0.2s, ease-out;
			-moz-transition: all 0.2s, ease-out;
			-o-transition: all 0.2s, ease-out;
			transition: all 0.2s, ease-out;
			text-align:center;
			display:block;
			color:#666666;
		}
			
		#case_study_list>li a:hover,
		#case_study_list>li a:focus {
			text-decoration:none;
			background-color:#EFEEEC;
			color:#333333;
		}
		
		#case_study_list>li .image_holder 	
		{
			background:#ffffff url(/images/icon_image_placeholder.png) center center no-repeat;
			display:block;
			overflow:hidden;
			margin-bottom:20px;
			height:160px;
		}
			
		#case_study_list>li .image_holder img {
			width:100%;
		}
			
		#case_study_list>li h3.sub_title {
			padding:0px 20px;}
			
		#case_study_list>li p {
			min-height:120px;
			padding:0px 20px;
		}
			
		/* Case Study Details */
		
		.col_left {
			width:300px;
			float:left;
		}
		
		.col_body_right {
			width:630px;
			float:right;
		}
		
		.col_body_left {
			width:630px;
			float:left;
		}
		
		.col_right {
			width:300px;
			float:right;
		}
		
		.direction_block {
			float:right;
			width:300px;
		}
		
			
	.more_link {
		clear:both;
		text-align:center;
	}
	
	/* Careers Section */
	
	.job_posting_date {
		font-weight:bold;
		color:#757575;
	}
	
	.highlight {
		font-style:italic;
		color:#757575;
		font-weight:bold;
		font-size:0.8em;
	}
	
	.emphasize {
		font-weight:bold;
	    text-decoration: underline;
		font-size:1.2em;
		color:#151515;
	}

/* Page Footer */
#page_footer {
	background-color:#333333;
	color:#CCCCCC;
}

	#page_footer h4 {
		text-transform:uppercase;
		line-height:20px;
		font-weight:600;
		margin-bottom:10px;
		color:#FFFFFF;
	}

	.footer_col_1 {
		width:25%;
		float:left;
	}
	
		.footer_col_1 ul {
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
			.footer_col_1 ul li {}
			
				.footer_col_1 ul li a:link,
				.footer_col_1 ul li a:visited {
					line-height:20px;
					padding:5px 0px;
					color:#FFFFFF;
					text-decoration:none;
									
					/* Transition */
					-webkit-transition: all 0.2s, ease-out;
					-moz-transition: all 0.2s, ease-out;
					-o-transition: all 0.2s, ease-out;
					transition: all 0.2s, ease-out;
				}
				
				.footer_col_1 ul li a:hover {
					color: #EF2942;
				}
	
	.footer_col_2 {
		width:25%;
		float:left;
	}
	
		.footer_col_2 p {}
		
			.footer_col_2 p a:link,
			.footer_col_2 p a:visited {
				color:#FFFFFF;
				text-decoration:none;
								
				/* Transition */
				-webkit-transition: all 0.2s, ease-out;
				-moz-transition: all 0.2s, ease-out;
				-o-transition: all 0.2s, ease-out;
				transition: all 0.2s, ease-out;
			}
			
			.footer_col_2 p a:hover {
				color: #EF2942;
			}
	
	.footer_col_3 {
		width:50%;
		float:left;
	}
	
		.footer_col_3 .map_container {
			min-height:200px;
			background-color:#545454;
		}
	
	
	.footer_terms {
		clear:both;
		position:relative;
		padding-right:80px;
		line-height:30px;
		padding-top:20px;
	}
	
		.footer_terms .footer_social {
			position:absolute;
			right:0px;
			top:20px;
		}
		
			.footer_terms .footer_social ul {
				margin:0px;
				padding:0px;
				list-style:none;
				float:left;
			}
			
				.footer_terms .footer_social ul li {
					float:left;
				}
				
					.footer_terms .footer_social ul li a {
						height:30px;
						width:30px;
						text-indent:-999em;
						display:block;
					}
					
					.footer_terms .footer_social ul li a.icon_twitter {
						background:url(/images/icon_twitter.png) center center no-repeat;
					}
					
					.footer_terms .footer_social ul li a.icon_facebook {
						background:url(/images/icon_facebook.png) center center no-repeat;
					}
					

/* Form Styling */
input, select, textarea, button {
	font-family:inherit;
	font-size:1.0em;
}

.form_container {
	width:660px;
	margin:0px -15px;
	float:left;
}

	.form_container .form_col {
		width:300px;
		float:left;
		margin:0px 15px;
	}
	
	.form_container .form_submit {
		margin:0px 15px;
		clear:both;
	}

	.form_container .form_row {
		margin-bottom:20px;
		display: block;
		position:relative;
	}

		.form_container .form_row .form_label {}
		
		.form_container .form_row.inline .form_label {
			float:left;
			width:30%;
		}
		
		.form_container .form_row .form_label.hidden_label {
			position:absolute;
			text-indent:-999em;
			outline:none;
		}
		
			.form_container .form_row>.form_label>label {
				line-height:20px;
				padding:10px 0px;
				display:block;
				font-weight:400;
			}
			
			.form_container .form_row .form_label label {
				line-height:20px;
				padding:5px 0px;
				display:block;
			}
			
			.form_container fieldset legend .mandatory,
			.form_container .form_row .form_label label .mandatory {
				color: #CC0000;
			}
			


		.form_container .form_row .form_input,
		.form_container .form_row .form_fieldset{
			position:relative;
		}
		
		
/* Styling of Form Elements */			
input.inputbox[type="text"],
input.inputbox[type="password"],
input.inputbox[type="date"],
input.inputbox[type="file"],
input.inputbox {
	border:0px solid #FFFFFF;
	border-top:0px solid #CCCCCC;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
    box-sizing: border-box;
	padding:0px 10px;
	color:#454545;
	-webkit-appearance:none;
	border-radius:0px;
	
	/* Transition */
	-webkit-transition: all 0.2s, ease-out;
	-moz-transition: all 0.2s, ease-out;
	-o-transition: all 0.2s, ease-out;
	transition: all 0.2s, ease-out;
}

.area_inputbox {
	border:0px solid #FFFFFF;
	border-top:0px solid #CCCCCC;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	height:220px;
	line-height:20px;
    box-sizing: border-box;
	padding:10px;
	color:#454545;
	-webkit-appearance:none;
	border-radius:0px;
	
}

.area_inputbox_error {
	border:1px solid red;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	height:220px;
	line-height:20px;
    box-sizing: border-box;
	padding:10px;
	color:#454545;
	-webkit-appearance:none;
	border-radius:0px;
	
}

.normal_error_input {
    border:1px solid red; 
	background-color:#FFFFFF;
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
    box-sizing: border-box;
	padding:0px 10px;
	color:#454545;
	-webkit-appearance:none;
	border-radius:0px;
}

.form_error 
{
	font-size:  1.2em;
    margin:     10px 0px 10px 0px;
	color:      #FF0000;
}

textarea.inputbox {
	border:0px solid #FFFFFF;
	border-top:0px solid #CCCCCC;
	background-color:#FFFFFF;
	width:100%;
	display:block;
	height:220px;
	line-height:20px;
    box-sizing: border-box;
	padding:10px;
	color:#454545;
	-webkit-appearance:none;
	border-radius:0px;
	
}

input.inputbox:focus,
textarea.inputbox:focus {
	outline:none;
	background-color:#FFFFCC;
}

::webkit-input-placeholder  { color:#454545;}
::-moz-placeholder 			{ color:#454545;}
:-ms-input-placeholder 		{ color:#454545;}
input:-moz-placeholder 		{ color:#454545;}




/* Remove Firefox Outline */	
a:focus, a:active, 
button::-moz-focus-inner,
div::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

label.error {
	display:none;
	color:#EF2942;
	line-height:20px;
	padding:5px 0px;
}


/* Nivo Caption */
.nivo-caption {
	padding: 10px !important;
    background: url('/images/1x1-transparent.gif') !important;
    background: rgba(255, 255, 255, 0.8) !important;
}

.nivo-caption h3 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:1.4em;
	text-transform: uppercase;
}
	
.nivo-caption p {
	padding:0px !important;
	margin:0px 0px 10px !important;
}
	
.nivo-caption p.fixed_p 
{
	height: 20px;
}

.nivo-caption .caption_link
{
	color:#393939 !important;
}

.nivo-caption .caption_builtby
{
	font-style: italic;
    font-weight: bold;
    text-transform: lowercase;
}
	
	
.google-maps {
	position: relative;
	padding-bottom: 50%; /* This is the aspect ratio */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* Retina Image */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	#page_header h1 a {
		background:url(/images/redtrand_logo_x2.png) center center no-repeat;
		background-size:160px 40px;
	}
	
	#page_header ul.nav li a.icon_twitter {
		background:url(/images/icon_twitter_x2.png) center center no-repeat;
		background-size:30px 30px;
	}
	
	#page_header ul.nav li a.icon_facebook {
		background:url(/images/icon_facebook_x2.png) center center no-repeat;
		background-size:30px 30px;
	}
	
	.footer_terms .footer_social ul li a.icon_twitter {
		background:url(/images/icon_twitter_x2.png) center center no-repeat;
		background-size:30px 30px;
	}
	
	.footer_terms .footer_social ul li a.icon_facebook {
		background:url(/images/icon_facebook_x2.png) center center no-repeat;
		background-size:30px 30px;
	}
	
	#page_header #btn_nav {
		background:url(/images/icon_nav_x2.png) center center no-repeat;
		background-size:20px 20px;
	}
	
	.section_content ul.services li>div .icon_service {
		background:url(/images/sprite_services_x2.png) 0px 0px no-repeat;
		background-size:400px 100px;
	}
	
	.section_content ul.approach li>div .icon_approach {
		background:url(/images/sprite_approach_x2.png) 0px 0px no-repeat;
		background-size:300px 100px;
	}
	
	.info_box.contact_us {
		background:#FFFFFF url(/images/icon_contact_x2.png) right 20px top 20px no-repeat;
		background-size:50px 50px;
	}
	
	.application_box {
		background:#EFEEEC url(/images/icon_apply_x2.png) right 20px top 20px no-repeat;
		background-size:100px 70px;
	}
	
}

.iframewrapper iframe {
    width: 500px;
    height: 281px;
}

/* Overlay styles */
#introOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #EF2942;
	color: #fff;
	z-index: 9999;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 1s ease, opacity 1s ease;
}

	#introOverlay.shrink {
		transform: scale(1.0);
		opacity: 0;
	}

/* Slide styles */
.transition {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: transform 0.8s ease, opacity 0.8s ease;
}

	/* Starting positions for sliding in */
	.transition.from-right {
		transform: translateX(100%);
	}

	.transition.from-left {
		transform: translateX(-100%);
	}

	.transition.visible {
		transform: translateX(0);
		opacity: 1;
	}

	.transition.exit-left {
		transform: translateX(-100%);
		opacity: 0;
	}

	.transition.exit-right {
		transform: translateX(100%);
		opacity: 0;
	}

	/* Responsive text */
	.transition h1, .transition h2 {
		line-height: 1.1;
	}

	.transition h1 {
		font-size: 14vw;
	}

	.transition h2 {
		font-size: 10vw;
	}

	.transition h3 {
		font-weight: 1000;
		margin-top: -20px;
		font-size: 6vw;
	}

	.transition p {
		font-size: 4vw;
		margin-top: -20px;
	}

.transition_logo {
	height: 100%;
	width: auto;
}

/* Media queries for very small screens */
@media (max-width: 480px) {
	.transition h1 {
		font-size: 20vw;
	}

	.transition h2 {
		font-size: 14vw;
	}

	.transition h3 {
		font-size: 6vw;
	}

	.transition p {
		font-size: 6vw;
	}

	.transition_logo img {
		max-width: 60vw;
	}
}

.year, .wrapped {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.8s ease;
}

.wrapped {
	margin-top: 0.5em;
}