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

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); /* Montserrat font */
#home_page_container
{
    font-family: 'Roboto Condensed','sans-serif';
    background-image: url(../img/img_home_1x.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    position:fixed;
    display: block;
    top:0px; 
    left:0px;
    width:100%;
    height:100%;
    overflow-y: scroll;    
}

@media only screen and (max-width: 2880px)
{
    #home_page_container
    {
        background-image: url(../img/img_home_3x.jpg);
    }
}

@media only screen and (max-width: 1440px)
{
    #home_page_container
    {
        background-image: url(../img/img_home_2x.jpg);
    }
}



#home_page_title_area
{
    width:100%;
    height:500px;    
}

#home_page_title_area div
{
    margin-left:auto;
    margin-right: auto;
    margin-top:200px;
    display:block;
}

#home_page_title_area div p,H1,HR
{
	font-family:"Open Sans","sans-serif";
    width:900px;
    margin-left:auto;
    margin-right: auto;
    text-align: left;
    color: white;
	font-weight:300;
}

#home_page_title_area div p
{
	line-height:37px;
	letter-spacing:normal;
}

#home_page_title_area div p.owner
{
	text-transform: uppercase;
}

#home_page_title_area div H1
{
	margin-top:0px;
	margin-bottom:0px;
}

#home_page_title_area div H1.title
{
	font-family: 'Roboto Condensed','sans-serif';
	font-size:72px;
	letter-spacing:10px;
	font-weight:700;
	color:#fbb700;
}

@media only screen and (max-width: 1040px)
{
 
    #home_page_title_area div p,H1,HR
    {
    width:85%;    
    }
    
}


#home_page_content_area

{
    position:relative;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.6);    
}



@media only screen and (max-width: 1040px)

{
    #home_page_content_area
    {
        height:auto;
        background-color: rgba(0,0,0,0.6);
        padding-bottom: 100px;
    }
}

#home_page_content_area div
{
    margin-left:auto;
    margin-right: auto;
    
    display:block;
}

#home_page_content_area div p,H1,HR
{
	font-family:"Open Sans","sans-serif";
    width:900px;
    margin-left:auto;
    margin-right: auto;
    text-align: left;
    color: white;
	font-weight:300;
}

#home_page_content_area div p
{
	line-height:37px;
	letter-spacing:normal;
}

#home_page_content_area div p.owner
{
	text-transform:none;
}

HR.thin_line
{
    margin-top: 50px;
    height:0px;
    color:#dedede;
	opacity:0.5;
    
}

#home_page_content_area div H1
{
padding-top:70px;
}

@media only screen and (max-width: 1040px)
{
 
    #home_page_content_area div p,H1,HR
    {
    width:85%;    
    }
    
 #home_page_title_area div div.JuxtaWebLogo span
{       
    font-size: 12vw; 
} 
    
}

div.menu_bar_container
{
    width:1170px;    
    display:block;
    margin-left:auto;
    margin-right:auto;     
    height:100px;
}

/*logo*/
div.menu_bar_container .logo{
	float: left;
	height: 100px;
	line-height: 100px;
	margin-top: 5px;
	margin-left: 5px;
}

@media only screen and (max-width: 430px)
{
div.menu_bar_container .logo{
	display:none;
}	
}


@media only screen and (max-width: 1170px)
{
    div.menu_bar_container
{
    width:100%;    
    display:block;    
    height:100px;
}
}

#menu_bar
{
   font-family: "Roboto Condensed","Montserrat", sans-serif;    
    display:block;    
    float:right;
    font-size:14px;
    font-weight: 300;
    padding-top: 40px;    
}


#menu_bar a
{
    color:white;
    text-decoration: none;
    font-size: 14px;
    padding-left: 0px;
    padding-right: 5px;    
    text-transform: uppercase;
    -webkit-transition:all .2s ease-in-out;
			transition:all .2s ease-in-out;    
}

@media only screen and (max-width: 405px)
{
    #menu_bar a
    {       
    padding-left: 0px;
    padding-right: 4px;
    }   
}

@media only screen and (max-width: 324px)
{
    #menu_bar a
    {       
    padding-left: 0px;
    padding-right: 0px;
    }   
}


#menu_bar a span
{
    color:transparent;
}

#menu_bar a:hover span
{
    color:white;    
}

#menu_bar a.selected span
{
    color:white;    
}

/*social icons*/
div.social-icons
{
    width:900px;
    height:28px;
}

ul.social-icons {
    margin-top: 30px;
	margin-left: auto;
    margin-right: auto;
    width:132px;
}

@media only screen and (max-width: 1040px)
{
 div.social-icons
{
    width:85%;    
}
    
}


ul.social-icons li{
	list-style: none;
	float: left;
	margin: 0 10px;
}
ul.social-icons li:first-child{margin:0 10px 0 0;}
ul.social-icons li:last-child{margin:0 0 0 10px;}
ul.social-icons li a{
	color:#dedede;
	font-size: 20px;
}

ul.social-icons li a:hover{
	color:#5F89C2;
}