@charset "UTF-8";
.body {
	font-family: 'Nunito', sans-serif;
	
	
}

html, body {
  height: 100%;
}
/* Background color for navbar and dropdown menus */


.navbar-custom, .navbar-custom .dropdown-menu {

    background-color: #C113CC;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;

}

/* Text color for navbar and dropdown menus */

.navbar-custom .navbar-brand, .navbar-custom .navbar-text,

.navbar-custom .navbar-nav .nav-link,

.navbar-custom .dropdown-item {

    color: rgba(15,221,75,1.00)

}
.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand {
}
.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand {
    background-position: 0% center;
}
.navbar-brand {
    width: 110px;
    height: 50px;
    background-image: url("../images/logogribback.svg");
    background-repeat: no-repeat;
    background-size: 90px 109px;
    padding-left: 20px;
    background-position: 1% c
%;
    background-position: 0% center;
}
.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand {
}
.navbar.fixed-top.navbar-expand-lg.col-md-12.navbar-custom .navbar-brand {
}

/* Background and text colors for current page link and links on hover and focus */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link,

.navbar-custom .nav-item:focus .nav-link,

.navbar-custom .dropdown-item:hover, 

.navbar-custom .dropdown-item:focus {

    background-color: rgba(232,21,201,0.84);
	border-radius: 10px;
	
    color: rgba(135,249,115,1.00);
	
	padding-left:5px; 

}

/* Border and text colors for menu icon on small screens */

.custom-toggler.navbar-toggler {

   

    color: #fff;

}

/* Hamburger icon - use same rgb values as previous rule for stroke */

.custom-toggler .navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(57,225,61,0.80)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}


/* resp image */
.col-lg-12 {padding-right: 0px;
padding-left: 0px;

padding-bottom: 0px;
width:100%
}


/* slideshow */

.intropage{width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom:0px; 
}

.animation-container{
	
width: 100%;	
}
#inter3{
  position:relative;
  width:100%;


	

}



#inter3 > img { 
    
    position: absolute;
   width:100%
	top:0px;
    opacity: 0;
    object-fit: cover;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 60s linear infinite 0s;
    -moz-animation: imageAnimation 60s linear infinite 0s;
    -o-animation: imageAnimation 60s linear infinite 0s;
    -ms-animation: imageAnimation 60s linear infinite 0s;
    animation: imageAnimation 60s linear infinite 0s; 
}


#inter3 > img:nth-child(1)  {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; 
}

#inter3 > img:nth-child(2)  {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s; 
}
#inter3 > img:nth-child(3) {
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}
#inter3  > img:nth-child(4) {
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s; 
}
#inter3 > img:nth-child(5) {
    -webkit-animation-delay: 20s;
    -moz-animation-delay: 20s;
    -o-animation-delay: 20s;
    -ms-animation-delay: 20s;
    animation-delay: 20s; 
}


#inter3 > img:nth-child(6) {
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    -o-animation-delay: 25s;
    -ms-animation-delay: 25s;
    animation-delay: 25s; 
}

#inter3 > img:nth-child(7) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

#inter3 > img:nth-child(8) {
    -webkit-animation-delay: 35s;
    -moz-animation-delay: 35s;
    -o-animation-delay: 35s;
    -ms-animation-delay: 35s;
    animation-delay: 35s; 
}


#inter3 > img:nth-child(9) {
    -webkit-animation-delay: 40s;
    -moz-animation-delay: 40s;
    -o-animation-delay: 40s;
    -ms-animation-delay: 40s;
    animation-delay: 40s; 
}

#inter3 > img:nth-child(10) {
    -webkit-animation-delay: 45s;
    -moz-animation-delay: 45s;
    -o-animation-delay: 45s;
    -ms-animation-delay: 45s;
    animation-delay: 45s; 
}

#inter3 > img:nth-child(11) {
    -webkit-animation-delay: 50s;
    -moz-animation-delay: 50s;
    -o-animation-delay: 50s;
    -ms-animation-delay: 50s;
    animation-delay: 50s; 
}

#inter3 > img:nth-child(12) {
    -webkit-animation-delay: 55s;
    -moz-animation-delay: 55s;
    -o-animation-delay: 55s;
    -ms-animation-delay: 55s;
    animation-delay: 55s; 
}



@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}



.animation-container{

object-fit:cover;


}


.footer-container{
position: relative;}


.footer-column{

width: 100%;
padding-left: 20px;
padding-bottom:20px;
padding-top:20px;
background-color: #C113CC;
}
.container-fluid{
width:100%
pdding:0px;}

.col-lg-12{
width:100%
pdding: 0px;

}

.videoembed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.videoembed iframe, .videoembed object, .videoembed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#researchpage{
	background-image: url("../images/gr47.jpg");
	background-size: cover;
	width: 100%;
	padding-left:0px;
	font-family: Nunito;
	
}

#research-content{
	
	width: 100%;
	padding-left:20px;
}

#research-content p{
	color:#1F0975;
}


#research-content h2{
	color:#00AB5E;
}


#research-content h4{
	color:#0099A1;
}



#credits-content{
	
	width: 100%;
	padding-left:20px;
	padding-top:10px;
}

#credits-content p{
	color:#1F0975;
}


#credits-content h2{
	color:#00AB5E;
}


#credits-content h4{
	color:#0099A1;
	
}


#credits-content h5{
	color:#5435C2;
	
}







.intro{
	padding-left: 20px;
	padding: 20px;
	
}
.introh1{
	color:rgba(6,129,137,1.00)
}
.signature{
	padding-left:70%;
}


.introh1{
	padding-top:10px;
	}
	
#inter3{

 background-color: red;

  background-image: linear-gradient(180deg, blue, purple);
}


#footercontent{

padding-top:15px;
padding-left:10px;
padding-bottom:10px;
}


#footertext{
color: #5C00BD;
}





	
	@media only screen  and (min-width : 480px) {
/* Styles */
#inter3 > img {

width: 100%;
padding-right:0px; 
object-fit: cover;

 }

}
	
	
	@media only screen  and (min-width : 1224px) {
/* Styles */
#inter3 > img {

width: 2500px;
object-fit: cover;

 }

}

	
	
	@media only screen  and (min-width : 1900px) {
	
/* Styles */#inter3 > img {
width: 3000px;
object-fit: cover;

 }
}