* {
	margin: 0;
	padding: 0
}

@font-face {
	font-family: Apple;
	src: url('fonts/CONFN___.TTF');
}

html,
body {
	height: 100%;
	background: #F2EEE2;  
}

.index-page-stuff {
	margin: 0;
}

.core {
	overflow-x: hidden;
	margin: 0;
	overflow: hidden;
}

a, a:hover {
	color: inherit;
	text-decoration: inherit;
}

.list-projects {
	text-align: center;
}

.custom-nav {
	margin-top: 2%;
	margin-bottom: 1%;
	text-align: center;
}

.header-text {
	padding: 0.8% 0%;
	margin-bottom: 20;
	text-align: center;
	font-size: 4em;
	
	color: #52658F;
/*	color: black;*/
	font-family: 'Apple', 'Roboto', sans-serif;
	font-weight: 500;
}



.project-tags {
	font-weight: 600;
	color:	cadetblue;	
	text-align: center;
	padding-top: 0;
	margin-top; 0;
}


.row-thing {
	display: flex;
/*	background-color: black;*/
	align-items: center;
	vertical-align: middle;
	
	margin: 20px auto;
	height: 150px;
	width: 250px;
	
	margin-bottom: 5px;
	margin-top: 10px;
}

.row-thing-dsc {
	height: 150px;
	width: 250px;
/*	background-color: rgba(247,245,230,0.9);*/
	background-color: rgba(237,231,211,0.9);
	position: absolute;
	margin: auto;
	opacity: 0;
	color: #333A56;
	font-weight: 600;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}

.header-text:hover {
	transform: scale(1.3);
	color: #333A56;
}

.container {
	padding: 0px !important;
	margin: 0px !important;
}



.row-thing-dsc-name{
	font-weight: 500;
	font-size: 1.5em;
}

.row-thing-dsc-text{
	font-weight: 200;
	font-size: 0.8em;
}

a.row-thing-link {
	display: block;
	height: inherit;
	width: inherit;
	position: absolute;
	margin: auto;
	text-decoration: none;
	
}

#maself {
	display: flex;
	
	background: url(../img/homepage_avatar_small.gif);
	background-size: contain;
	width: 220px;
	height: 525px;
	background-repeat:   no-repeat;
  background-position: center center; 
	
	margin: 0 auto;
	padding: 0;
	
	text-align: center;
}

#maself-dsc {
	height: inherit;
	width: inherit;
	
	margin: 0 auto;
	background-color: rgba(242,236,216,0.9);
	color: #333A56;
	font-weight: 600;
	
	padding-top: 20px;
	opacity: 0;
}

#MP {
	background: url(../img/MP.png);
	width: 250px;
	height: 150px;
	animation: rowthing-anim 2s steps(2) infinite;
}

#FK {
	background: url(../img/FK.png);
	width: 250px;
	height: 150px;
	animation: rowthing-anim 2s steps(2) infinite;
}

#IL {
	background: url(../img/IL.png);
	width: 250px;
	height: 150px;
	animation: rowthing-anim 2s steps(2) infinite;
}

#GW {
	background: url(../img/GW.png);
	width: 250px;
	height: 150px;
	animation: rowthing-anim 2s steps(2) infinite;
	
}

#BLG {
	background: url(../img/BLG.png);
	width: 250px;
	height: 150px;
	animation: rowthing-anim 2s steps(2) infinite;
}

#VL {
	background: url(../img/BP.png);
	width: 250px;
	height: 150px;
	animation: rowthing-anim 2s steps(2) infinite;
}

@keyframes rowthing-anim {
	from { background-position: 0px; }
	to { background-position: 500px; }
}

.ronaldoman {
	width: 100%
}

.content-col {
	margin-top: 20px;
	color: #545454;
}

.project-backgrd, .project-formalities, .content-desc {
		font-size: 0.8em;
}

.content-desc {
	text-align: center;
	color: #52658F;
}

.content-title {
	color: cadetblue;
	font-weight: 600;
}

.content-title-two {
	font-weight: 500;
	text-decoration: underline;
}

.content-link {
	color: cadetblue;
	text-decoration: underline;
}

iframe {
	display: block;
	margin: 0 auto;
}

img {
	display: block;
	margin: auto;
}

.goback-btn {
	display: block;
	margin: 0 auto;
	background-color: cadetblue; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
/*	display: inline-block;*/
	font-size: 16px;
	border-radius: 5px;
}

.goback-btn {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.goback-btn:hover {
    background-color: black; /* Green */
    color: white;
}


/*––––---------––––––––––––––––CAROUSEL:*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container_MPillus {
  max-width: 500px;
  position: relative;
  margin: auto;
}

.slideshow-container_MPpics, .slideshow-container_BPb, .slideshow-container_BPi, .slideshow-container_BPl{
  max-width: 800px;
  position: relative;
  margin: auto;
}

.slideshow-container_BPhs, .slideshow-container_BPfs, .slideshow-container_ILana, .slideshow-container_ILmic {
  max-width: 800px;
  position: relative;
  margin: auto;
}

.mySlides_MPillus, .mySlides_MPpics, .mySlides_BPb, .mySlides_BPi, .mySlides_BPl, .mySlides_ILana {
    display: none;
}

.mySlides_BPhs, .mySlides_BPfs, .mySlides_ILmic{
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.slider-caption {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot_MPillus, .dot_MPpics, .dot_BPb, .dot_BPi, .dot_BPl, .dot_BPhs, .dot_BPfs, .dot_ILana, .dot_ILmic {
  cursor:pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot_MPillus:hover, .dot_MPpics:hover, .dot_BPb:hover, .dot_BPi:hover, .dot_BPl:hover, .dot_BPhs:hover, .dot_BPfs:hover, .dot_ILana:hover, .dot_ILmic:hover {
  background-color: #717171;
}

@media screen and (max-width: 768px) {
	.body{
		background-color: forestgreen;
	}
	
	.content-title {
		font-size: 1.5em;
	}
	.project-content {
		font-size: 0.9em;
	}
	
	.aboutme-imp {
		font-size: 1em;
	}
	
	.project-img {
		width: 100%;
	}
	
	iframe {
		width: 100%;
	}
	
	.row-thing-dsc {
	height: inherit;
	width: inherit;
/*	background-color: rgba(247,245,230,0.9);*/
	background-color: rgba(237,231,211,0.7);
	position: absolute;
	margin: auto;
	opacity: 1;
	color: #333A56;
	font-weight: 600;
	}
	
	#maself-dsc {
	height: inherit;
	width: inherit;
	
	margin: 0 auto;
	background-color: rgba(242,236,216,0.7);
	color: #333A56;
	font-weight: 600;
	
	padding-top: 20px;
	opacity: 1;
	}

}