.logo-mirror{
	position: absolute;
	top: 20px;
	right: -2000px;
	z-index: 600;
	transition: all 1s ease-in-out;
}
.section.active .logo-mirror{
	right: 20px;
}


/* ////////////////////////////////// */

.speech-bubble-mirror {
    position: absolute;

    left: 20px;
    top: 20px;

    box-shadow: 0px 0px 5px #888888;
    /*border-radius: 50px;*/
    padding: 0px;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 100;
    width: 50%;
    height: auto;  
    background-image: url("/img/johann-struck-white.jpg");
    opacity: 0;
	transition: all 1s ease-in-out;

}

.section.active .speech-bubble-mirror{
	opacity: 1;
}


.speech-img-mirror{

    border: 0px solid #244091;
  /* border-radius: 50px;
  /*border: 1px solid #244091;*/
}


/* ////////////////////////////////// */
.think-mirror{
	position: absolute;
	left: 105%;
	top: 50px;
    width: 30%;
    height: auto;
    z-index: -1;

}
/* ////////////////////////////////// */

.profile-img-mirror{
	position: absolute;
	right: -10px;
	bottom: 0px;
	width: 40%;
	height: auto;
	max-height: 100vh;
	transition: all 1s ease-in-out;

}

.section.active .profile-img-mirror{
  right: 0px;
  bottom: 0px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}



/* ////////////////////////////////// 
		Media Queries
 ////////////////////////////////// */


@media screen and (orientation: portrait){

/* ////////////////////////////////// */
	.logo-mirror{
		display: none;
	}
/* ////////////////////////////////// */

    .profile-img-mirror{
      right: 0px;
      width: 60% !important;
      }

/* ////////////////////////////////// */

    .speech-bubble-mirror {
      width: 90%;
      left: 0;
      right: 0;
      margin: auto;
    }

	.think-mirror{   
        -ms-transform: rotate(35deg); 
        -webkit-transform: rotate(35deg); 
        transform: rotate(35deg);
        left: 30%;
        top: 108%;
	}
/* ////////////////////////////////// */


    .section.active .profile-img-mirror{
    right: 0px ;
    -webkit-filter: drop-shadow(-5px 5px 5px #222);
    filter: drop-shadow(-5px 5px 5px #222);
    }
}
/* ////////////////////////////////// */

@media (max-device-width: 640px), handheld and (orientation: landscape){

	.logo-mirror{
		display: none;	
	}


/* ////////////////////////////////// */

	.profile-img-mirror {
      right: 0px;
      width: 30%;
      }
}