@import url('https://fonts.googleapis.com/css?family=Barlow:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url("animate.css");
@import url("hover.css");

:root {
  --main-color: #1a458a;
}


*{    -webkit-transition: all;
    -o-transition: all;
    -moz-transition: all;
    transition: all;
    -webkit-transition-duration: .75s;
    -moz-transition-duration: .75s;
    -o-transition-duration: .75s;
    transition-duration: .75s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.54,.57,0,.96);
    -moz-transition-timing-function: cubic-bezier(.54,.57,0,.96);
    -o-transition-timing-function: cubic-bezier(.54,.57,0,.96);
    transition-timing-function: cubic-bezier(.54,.57,0,.96);}

.bgcolor{ background-color:#1a458a!important;}
.maincolor { color:#1a458a!important;}

html {
	overflow-x: hidden !important;
}
body {
	overflow-x: hidden !important;
	font-family: 'Barlow', sans-serif;
	font-size: 15px;
	-webkit-transition: all .0s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: all .0s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
a, img {
	-webkit-transition: all .3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: all .3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
a, a:link {
	color: #1a458a;
	text-decoration: none;
}
a:focus, a:hover {
	color: #1a458a;
	text-decoration: none;
}


.bgcontainer{
	/* position: absolute;
    top: 0;
    bottom: 0;
    left: 0; */
    z-index: 0;
	    background-color: #adc4d6;
		height: 100vh;
}

/* .logowrapper img{
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);}
 */
.homecontainer {
   /*  position: relative; */
}


.splash {
    /* position: absolute;
    left: 0;
    top: 0; */
    height:70vh;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /* right: 0; */
    /* bottom: 140px; */
}

.mainlogo{     width: 10vh;
    margin-top: 4vh;
    margin-left: -2vh;
    z-index: 2;
    position: relative}

/* .bgcontainer.slideInUp{	
	-webkit-animation-delay: 6s;
    animation-delay: 6s;
} */

/* delays **************************************************************** */

.splashwrapper.slideInLeft{	
	-webkit-animation-delay: 4s; /* Chrome, Safari, Opera */
    animation-delay: 4s;
	 /* -webkit-transition-duration: 15s; 
  transition-duration: 15s; */
}
.logowrapper.fadeInDown{
	-webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
    animation-delay: 3s;}
	.menumobile.slideInRight{
	-webkit-animation-delay: 4.6s; /* Chrome, Safari, Opera */
    animation-delay: 4.6s;}	
.portfoliolink.fadeInUp{	-webkit-animation-delay: 3.3s; /* Chrome, Safari, Opera */
    animation-delay: 3.3s;}
	
	
/* delays **************************************************************** */

.animsition-overlay-slide {
     background-color: #fff;
}


#mySidenav .list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.125);
	color:white;
}
.menu a{color:white; font-size:2em;}
.menu .current{font-weight:700;}

.sidenav {
     background-color: rgba(60, 113, 155, 0.89);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.72);
    box-shadow: 0 0 10px rgba(0,0,0,0.72);
}
 


#h .portfolio a{color:black;}
#h .portfolio { font-size:1em; color:black;}
.burgerwrapper{position:fixed; width:40px; height:40px; top:1em; right:1em; z-index:1; }


.text-black{color:black;}


/* media querys **************************************************************

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up) */

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

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { .portfoliolink{height:100vh;}  }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { #h .portfolio { font-size:1.4em; color:black;}  }

/* / media querys ************************************************************** */