/*------------------------------

	Studio C Architecture - STYLESHEET

	0. Font Faces
	1. General / Reset
	2. Page
		2A. Header
		2B. Body
		2C. Footer
	3. Misc
	4. Responsive Cases - Scale Down to 700
	5. Responsive Cases - Scale Down to 400
		
 
------------------------------*/


/*------------------------------
    0. FONT FACES 
------------------------------*/

    @font-face {
		font-family: 'Gotham-book';
		src: url('../fonts/gothambook.eot');
		src: url('../fonts/Gotham-Book.woff') format('woff'),
			 url('../fonts/gothambook.eot'),
			 url('../fonts/gothambook.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		}


/*------------------------------
    1. GENERAL / RESET
------------------------------*/
	
	* {
		margin: 0;
		padding: 0;
		font-size: 100%;
		line-height: 110%;
		box-sizing: border-box;
		-webkit-text-size-adjust: none;
		}
	html {
		min-height: 100%;
		height: 100%;
		}		
	body {
		margin: 0;
		padding: 0;
		height: 100%;
		background: #0a132b url(../img/landing-bg.jpg) center center no-repeat;
        background-size: cover;
		color: #d6d6d6;
		font-family: 'Gotham-book', Helvetica, arial, sans-serif;
		font-size: 16px;
		line-height: 120%;
		display: flex;
		justify-content: center;
		align-items: center;
		}	
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
		display: block;
		}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	ol, ul {
		list-style: none;
		color: #5e696d;
		}
	audio, canvas, video {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		}
	img {
		border: 0;
		vertical-align: top;
		}
	h1 {	
		
		}
	h2 {	
		
		}
	h3 {	
		
		}
	p {		
		margin: 0 0 40px 0;
		padding: 0;
		font-size: 17px;
		line-height: 170%;
		}	
	a:hover, a:active, a:focus, object { 
		outline: none; 
		}			
	a {
		text-decoration: none;
		color: #F89523;	
		transition: color .2s;
		}
	a:hover {
		color: #ffb865;
		}

/*------------------------------
    2. PAGE LAYOUT 
------------------------------*/
	
			
	/*------------------------------
		2A. HEADER 
	------------------------------*/



	/*------------------------------
		2B. BODY 
	------------------------------*/

    main {
		width: 100%;
		max-width: 600px;
		padding: 10% 0;
        }
		.content .logo {
			width: 100%;
			max-width: 500px;
			display: block;
			margin: 30px auto;
			}
		.content p {
			width: 100%;
			text-align: center;
			font-size: 21px;
			letter-spacing: .02em;
			line-height: 150%;
			padding-bottom: 20px;
			color: #e7ebf4;
			/*max-width: 430px;
			display: inline-block;
			margin: 0 auto 40px auto;*/
			}
		.content .email-link {
			/*text-transform: uppercase;*/
			letter-spacing: .2em;
			}
		


		
	/*------------------------------
		2C. FOOTER 
	------------------------------*/
      
		
								
/*------------------------------
   	3. MISC
------------------------------*/
	


/*----------------------------------------------------------------------------------------------------------------------------------------
   	4. Responsive Cases - 700
----------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 700px) {
    
    /*Main*/
     main {
		max-width: 550px;
		padding: 10% 10%;
        }
	.content p {
		font-size: 18px;
		}
	.content .email-link {
		letter-spacing: .1em;
		}
}

@media screen and (max-width: 700px) {
    
    /*Main*/
	.content .email-link {
		font-size: 17px;
		}
}