
.hide-element {display: none;}


/* #Site Styles
================================================== */
html {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html, body{
 height: 100%;
 width: 100%;
 
}

a, div, a p{
   outline: 0; text-decoration: none;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}

a:hover, div:hover, a p:hover {
   text-decoration: none;
   transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
}


body{
	background:#1F1F23;
	font-family:  Arial, "sans-serif";
	font-style: normal;
    transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;
    color: #FFF;
	
}




section.landp{ height: 100vh; width: 100%; position: relative;}

section.landp .top{ position: absolute; top:50px; width: 100%;}


section.landp .top img{ width: 250px; height: auto;}
section.landp .main{ position: absolute; width: 100%;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);}



section.landp .main .maincontent{ width: 100%;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 15px 0; position: relative;
}

section.landp .main .maincontent .bigmessagewrap{ margin-bottom: 80px; width: 90%;
}


section.landp .main .maincontent p{ font-size: 30px; margin: 0 0 20px 0; line-height: 130%;
}

section.landp .main .maincontent p a{ color: #FFF;
}


section.landp .main .maincontent p a:hover{ color: #CCC; text-decoration: underline;
}


section.landp .main .maincontent .smallercontnet p{ font-size: 16px;line-height: 140%; margin: 0;
}


section.landp .main .maincontent .linkedin{ position: absolute; right: 0; bottom: 10px;}

section.landp .main .maincontent .linkedin img:hover{ opacity: 0.85; transition:  .50s ease-in-out;
   -moz-transition:  .50s ease-in-out;
   -webkit-transition:  .50s ease-in-out;}


@media only screen and (max-width : 767px) {
    
 section.landp .main .maincontent p{ font-size: 20px;} 
section.landp .main .maincontent .smallercontnet p{ font-size: 13px;}    
    
}

	@media only screen and (max-height : 800px) {
        section.landp .top img{ width: 150px; height: auto;}
section.landp .top{ position: relative;height: 80px; top:20px}
        section.landp .main{ position: relative;top: 0%;
  left: 0%;
  transform: translate(0%, 0%);}
    section.landp{ height: auto;}
    


}

