@charset "utf-8";
body {
    border-color: #A27FE8;
	background-image: url("aibbground1.jpg");
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: 100%;
    background-color: #07040D;
    border: 2px solid #9D9DBB;
    border-radius: 25px;
    padding: 5px;
}

header {
    width: 98%;
    height: 120px;
    text-align: center;
    margin-top: 12px;
	padding: 6px;
	background-image: linear-gradient(90deg, rgba(155,154,154,0.00), #8F83DE);
	border-radius: 25px;
	}

.navpic {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 14px;

}


a {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 28px;
    color: #FFFFFF;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #D001DD;
}
a:hover {
    text-decoration: none;
    color: #F0B6F4;
}
a:active {
    text-decoration: none;
    color: #D704E2;
    text-align: center;
}

h1 {
	font-size: 18px;
	margin: 12px;
    text-align: justify;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

jibdisplay {
	display: flex;
	flex-direction: row;
}

article {
	display: grid;
    grid-template-columns: auto auto;
 	margin: 12px;
	margin-bottom: 12px;
	border-radius: 25px;
	padding: 18px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: inset;
    box-shadow: 6px 6px 6px 0px rgba(50, 50, 50, 0.75);  
}

row {
	height: auto;
	margin: 0px;
	border-bottom: solid 6px rgba(255,255,255,1.00);
}

.leftrow {
	border-top-left-radius: 25px;
	background-image: linear-gradient(90deg, rgba(155,154,154,0.00), #8F83DE);
}

.rightrow {
	background-image: linear-gradient(90deg, #8F83DE, rgba(155,154,154,0.00));
}

.imgbground1 {
	border-top-right-radius: 25px;
	background: rgba(143,131,222,1.00);
	border-bottom: solid 6px rgba(255,255,255,1.00);
}

.imgbground {
	background: rgba(143,131,222,1.00);
	border-bottom: solid 6px rgba(255,255,255,1.00);
}

jibvid {
	flex: 50%;
	text-align: center;
	border-radius: 25px;
	margin: 12px;
	padding: 18px;
    background-color: rgba(255, 255, 255, 0.6);
	box-shadow: inset;
    box-shadow: 6px 6px 6px 0px rgba(50, 50, 50, 0.75); 
}

list {
	font-size: 18px;
	margin: 12px;
    text-align: justify;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"
}

footer {
   	width: 100%;
    height: 24px;
	margin-top: 0px;
	margin-bottom: 6px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}



@media (max-width: 1000px) {
	
	jibdisplay {
	flex-direction: column;
}
	
	header {
	max-width: 582px;
    flex-direction: row 2;
	margin: auto;
	}
	
	article {
	display: grid;
	margin-top: 100px;
    grid-template-columns: auto;
	}
	
	row {
	height: auto;
	margin: 0px;
	border-bottom: none;
	}
	
.leftrow {
	border-top-left-radius: 25px;
	background-image: linear-gradient(360deg, #8F83DE, #9B9A9A);
}

.rightrow {
	background-image: linear-gradient(180deg, #8F83DE, #9B9A9A);
}
	
.mepic {
		width: 100%;
		}
	
	.mepic2 {
		display: none;
	}
	
	
.imgbground1 {
	border-bottom: none;
}

.imgbground {
	border-bottom: none;
}
	
	h1 {
		z-index: 2;
		font-size: 3.2vw;
	}

}