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



body{
	margin:0;
	padding:0;
	}

header{width: 1024px; 
margin: auto;
height:212px;

}


.fixed{position: fixed;
bottom: 0;
right: 2%;
}

.fixed:hover{-webkit-animation: swing 1s;
    animation: swing 1s;}

nav{height:100px; width:100%; margin: auto;
    max-width: 1100px;
    text-align: center;
    
}


.nav_left{float: left; width:400px;padding-top: 100px;}

.nav_left a{
    color:#575050;
    font-size: 32px;
    font-family:'cf_second_son_personalregular';
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    transition: all .5s ease-in;
    box-sizing: border-box;
    padding-top: 80px;
    padding-left: 50px;
padding-right: 50px;}

.logo{float: left;width: 217px;box-sizing: border-box;}

.nav_right{float: left;width: 400px;padding-top: 100px;}

.nav_right a{
    color:#575050;
    font-size: 32px;
    font-family:'cf_second_son_personalregular';
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    transition: all .5s ease-in;
    box-sizing: border-box;
padding-left: 50px;
padding-right: 50px;}

nav a:hover {color: #D0D1CF;}

.soon{height: 720px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
max-width: 1200px;
margin: auto;
background-image: url(images/hero.png);
    margin-top: -78px;
}

.soon h1{text-align: center;
font-family:  'painter_personal_use_onlyRg';
color: white;
font-size: 70pt;
padding-top: 275px;}

.purpose{width: 100%;
height: 800px;
background-repeat: no-repeat;
background-size: contain;
margin: auto;
background-color: #EDC78A;
margin-top: -72px;
background-image: url(images/purpose.png);
background-size: contain;
background-position: center center;}

.purpose h1{text-align: center;
font-family: 'bebas_neueregular';
color:#575050;
font-size: 80pt;
padding-top: 130px;
letter-spacing: 3px;
}

.purpose p{text-align: center;
width: 700px;
height: 400px;
margin: auto;
font-family: 'arial';
font-size: 23px;
color: #575050;
letter-spacing: 1;
 line-height: 2;
margin-bottom: 30px;
}

.vendors{width: 100%;
height: 800px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(images/vendors.png);
background-size: contain;
background-position: center center;
margin: auto;
background-color: #78A38B;
margin-top: -72px;}

.vendors h1{text-align: center;
font-family: 'bebas_neueregular';
color:white;
font-size: 80pt;
padding-top: 160px;
letter-spacing: 5px;}

.vendors p{text-align: center;
width: 700px;
height: 400px;
margin: auto;
font-family: 'arial';
font-size: 22px;
color: white;
letter-spacing: 1;
 line-height: 2;
margin-bottom: 40px;}

.vendors a{text-decoration: underline;
color: white;}


.gallery{width: 100%;
height: 1000px;
background-repeat: no-repeat;
background-size: cover;
background-color: #D0D1CF;
margin-top: -72px;}


.gallery h1{text-align: center;
font-family: 'bebas_neueregular';
color:#695E5F;
font-size: 80pt;
padding-top: 50px;
letter-spacing: 5px;}


.pictures{width: 800px;
height: 630px;
margin: auto;
box-sizing: border-box;
padding-left: 40px;
}

.pictures img{ padding-left: 10px;
padding: 15px;
box-sizing: border-box;}


.contact{width: 100%;
height: 950px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(images/contact.png);
background-size: contain;
background-position: center center;
margin: auto;
padding-top: 20px;
background-color: #695E5F;
box-sizing: border-box;}

.container{width: 1024px;
margin: auto;}


.left{width: 300px;
float: left;
padding-top: 20px;
}

.hours{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 24px;
width: 275px;
text-align: center;
line-height:1.5;
padding-bottom: 370px;
}

.hours h2{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 40px;}

.location{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 25px;
width: 275px;
text-align: center;
line-height:1;
}

.location h2{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 40px;}

.location h3{text-decoration: underline;color: white;
}

.headline{width:300px;
float: left;
margin: auto;
padding-top: 280px;
padding-left: 60px;}

.headline h1{font-family:'bebas_neueregular';
color: white;
font-size: 135px;
text-align: center;
letter-spacing: 3px;

}


.right{width:300px;
float: right;
padding-top: 40px;}


.mail{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 25px;
width: 325px;
text-align: center;
line-height:1;
padding-bottom: 370px;

}

.mail h2{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 40px;}

.mail h3{text-decoration: underline;color: white;
}



.social{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 25px;
width: 325px;
text-align: center;
line-height:1;}

.social h2{font-family:'bebas_neueregular';
color: white;
letter-spacing: 2px;
font-size: 40px;}

.social p{text-decoration: underline;
color: white;}


.fade{animation-delay: 1s;}
.zoom{animation-delay: 1s;}
.swing{animation-delay: 2s;}


.footer{height: 60px;
width:100%;
background-color:#695E5F;
clear: both;
margin-top: -40px;}

.footer h1{font-size: 15px;
font-family:sans-serif;
color: white;
text-align: center;}

.footer h2{font-size: 10px;
font-family:sans-serif;
color: white;
text-align: center;}

/*page*/

.page{width:1024px;

margin: auto;
background-color:#78A38B;
background-image: url(images/vendors.png);
background-repeat: no-repeat;
background-position: center;
height: 920px;
}

.page h1{font-family:'bebas_neueregular';
color: white;
font-size: 135px;
text-align: center;
letter-spacing: 3px;
padding-top: 20px;}

.page_left{float: left;
font-size: 20px;
color: white;
padding-left: 100px;
line-height: 2;
margin-top: -70px;
width: 300px;}


.page_right{float: right;
font-size: 20px;
color: white;
line-height: 2;
margin-top: -70px;
text-align: center;
width: 300px;
padding-right: 100px;}