@import "reset.css";

/*******************************************
:--- Defaults ---:
*******************************************/
div, article, section, header, footer, nav, li {
	position:relative; 
}
.group:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden; /* For clearing */ 
}

body {
	background: #fff;
	color: #333;
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

::-moz-selection { 
	background:#ff0;
	color:#333;
}
::selection {
	background:#ff0;
	color:#333;
}

* {
  text-rendering: optimizeLegibility;
	outline:none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a, a:active, a:visited, a:focus {
	outline: none;
    color: #fff;
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*******************************************
:--- Temporary Homepage Styles ---:
*******************************************/

.home-container {
	display: flex;
	height: 100vh;
}

.home-intro {
	margin: auto;
	max-width:640px;
	padding: 80px;
	text-align: center;
}

.home-intro img {
	width: 300px;
    height: auto;
}

.home-intro p {
	color: #fff;
	font-weight: 600;
	margin: 20px 0 0;
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-name: fadeIn;
	animation-duration: 1s;
}

.home-intro .link {
    padding: 10px 20px;
}

@-webkit-keyframes fadeIn { 
	0% { opacity: 0; }
	20% { opacity: 0; }
	40% { opacity: 0.3; }
	60% { opacity: 0.5; }
	80% { opacity: 0.9; }
	100% { opacity: 1; }
  }
  
  @keyframes fadeIn {
	0% { opacity: 0; }
	20% { opacity: 0; }
	40% { opacity: 0.3; }
	60% { opacity: 0.5; }
	80% { opacity: 0.9; }
	100% { opacity: 1; }
  }

  .animated-mesh {
    background: linear-gradient(90deg, #3198BB, #2B4162);
    background-size: 300% 300%;
    animation: gradient 4s alternate infinite;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

@keyframes gradient {
    0% {
        background-position: 0%;
    }

    100% {
        background-position: 100%;
    }
}

/*******************************************
:--- Media Queries ---:
*******************************************/

@media (min-width: 1600px) {
	
}

@media (min-width: 1200px) {
}


@media (max-width: 992px) {

}
 
@media (max-width: 767px) { 
	
}

@media (max-width: 640px) { 
	.home-intro {
		padding: 40px
	}

}

@media (max-width: 480px) { 
}

@media (max-width: 320px) { 

}

/*******************************************
:--- IE Fixes ---:
*******************************************/

.ie7 .tooltip, .ie8 .tooltip {display:none!important}

.ie7 label, .ie8 label, .ie9 label {
	display:block!important;
}

.ie7 .required-ast-nolabel, .ie8 .required-ast-nolabel, .ie9 .required-ast-nolabel {
	display:none;
}