/*
--------------------------------------------------
GENERAL STUFF
----------------------------------------------------
*/

* 									{ box-sizing:border-box; }
html,body 							{ padding:0px; margin:0px; font-family: 'Gotham';font-size:16px; }
.page                               { overflow:hidden; position:relative; box-sizing:border-box; min-height: 100vh;}
.css3_transition_400				{ -webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease; } 


@font-face {
    font-family: 'D-DIN Condensed';
    src: url('../fonts/D-DINCondensed-Bold.woff2') format('woff2'),
        url('../fonts/D-DINCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Light.woff2') format('woff2'),
        url('../fonts/MyriadPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


/*
--------------------------------------------------
LANDING PAGE
----------------------------------------------------
*/

.landingpage						{ background-color:#651b02;background-image:url("../img/bgimg.png");background-size:cover;background-repeat:no-repeat; background-position:center;z-index:1; display:flex; justify-content:center; align-items:center;}
.content                      		{ width:800px; height:auto;text-align:center; overflow:hidden; text-align:center;padding:10px; }
.information						{ text-align:center;color:#fff;margin-top:30px;}
.information p 						{ text-transform:uppercase;font-family: 'D-DIN Condensed'; font-size:25px; margin-bottom:25px;}
.information span					{ font-family: 'Myriad Pro';margin-bottom:25px; display:block; }
.information .contactinfo			{ display:flex; justify-content:center;align-items:center; }
.information a 						{ text-decoration:none; color:#fff;font-family: 'Myriad Pro'; }
.information #dot					{ background-color:#fff; border-radius:50%; height:5px; width:5px; margin:0 7px; }

.socmedia ul 						{ list-style:none; display:flex; justify-content:center; padding:0px; }
.socmedia ul li 					{ margin-right:10px; }

