@charset "utf-8";
@import url("webfonts/ABCWhyteInktrap_Trial/stylesheet.css");
@import url("webfonts/ABCWhyteInktrap_Bold_Trial/stylesheet.css");
@import url("webfonts/ABCWhyteInktrap_Medium_Trial/stylesheet.css");


/* CSS Document */
/* Global / Desktop View*/


/* Text Styles */

h1{
    font-family: "ABCWhyteInktrap Medium Trial";
    font-size: 120px;
	width: 100%;
	letter-spacing:.13em;
    color: rgba(16,68,145,1.00);
    text-transform: uppercase;
    text-align: center;
	word-break: normal;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.intro{
    font-family: 'ABCWhyteInktrap Regular Trial';
    font-size: 17px;
    text-align: center;
	position: relative;
	color: rgba(16,68,145,1.00);
	}
.linkleft{
	position: relative;
	bottom: 10px;
	right: 340px;

	}
.linkright{
	position: relative;
	bottom: 10px;
	left: 330px;
	}

/* Website Structure */

Body{
	background: rgba(221,116,71,1.00);
}
Main{
    height: 100%;
    overflow: hidden;
    margin: 0;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
Footer{
    position: absolute;
	bottom: 10px;
	Left: 0;
	right: 0;
    height: 10%;
}

.container{

	width: 100%;
	height:180px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	display: flex;
  	flex-direction: column;
}


/*Tablet*/
@media (min-width: 568px) and (max-width: 940px){
			
h1{
    font-family: 'ABCWhyteInktrap Bold Trial';
	text-align: center;
    font-size: 70px;
   

}
.intro{
    font-family: 'ABCWhyteInktrap Regular Trial';
    font-size: 15px;
    text-align: center;
	position: relative;
	}
.linkleft{
	position: relative;
	right: 170px; 
	}
.linkright{
	position: relative;
	left: 165px; 
	}
}

/*Landscape phone*/
@media ( min-width : 320px ) and (max-width : 568px ){
	
h1{
    text-align: center;
    font-family: 'ABCWhyteInktrap Bold Trial';
    font-size: 40px;
}
.intro{
    font-family: 'ABCWhyteInktrap Regular Trial';
    font-size: 14px;
    text-align: center;
	position: relative;
	}
.linkleft{
	position: relative;
	right: 60px; 
	}
.linkright{
	position: relative;
	left: 45px; 
	}
}

/*Vertical phone*/
@media ( max-width : 320px ){
	
h1{
    text-align: center;
    font-family: 'ABCWhyteInktrap Bold Trial';
    font-size: 30px;
   

}
.intro{
    font-family: 'ABCWhyteInktrap Regular Trial';
    font-size: 15px;
    text-align: center;
	position: relative;
	}
.linkleft{
	position: fixed;
	left: 0;
	right:0;
	bottom:40px
	}
.linkright{
	position: fixed;
	left: 0;
	right:0;
	bottom:20px;
	}
}