/* -------------------------------*/
/*      4blackbox Solutions       */
/* -------------------------------*/
/* -------------------------------*/
/*   Designed by AARTKOM s.r.o.   */ 
/*     Code by AARTKOM s.r.o.     */
/*      Version: 28.05.2019       */ 
/* Copyright 2019 AARTKOM s.r.o.  */  
/* -------------------------------*/
/* -------------------------------*/
/*  Responsive / Dynamic Web      */
/* -------------------------------*/
/* -------------------------------*/
/*             1440               */
/* -------------------------------*/
@media (max-width:1440px){
header {
background-image: url(../project/4bb-DeviceBackground1440.png);
}

.PageWidth {
width: 1200px;
}
/*  Dropdown Menu                 */
ul ul li {
font-size: 118%;
}
.FloatPortrait img {
float: left;
margin: 0 10px 15px 20px;
width: 46%;
max-height: 100%;
}
.MediumPictureFrame {
margin: 0 25px;
height: 130px;
}
}
/* -------------------------------*/
/* -------------------------------*/
/*             1280               */
/* -------------------------------*/
@media (max-width:1280px){
/*  Dropdown Menu                 */
ul ul li {
font-size: 110%;
}
}
/* -------------------------------*/
/* -------------------------------*/
/*             1110               */
/* -------------------------------*/
@media (max-width:1100px){
.PageWidth {
width: 900px;
}
/*  Dropdown Menu                 */
ul ul li {
width: 23%;
margin: 0 0 5px 0;
}
.ContactBoxContainer {
width: 98%;	 
}
.TeamBoxContainer {
width: 98%;	
}
.AsideBoxContainer {
width: 98%;
}
.MediumPictureFrame {
margin: 0;
width: 21%;
float: left;
height: 100px;
}
}
/* -------------------------------*/
/* -------------------------------*/
/*             1000               */
/* -------------------------------*/
@media (max-width:1000px){
.PageWidth {
width: 768px;
}
.MediumPictureFrame {
margin: 0;
width: 20%;
float: left;
height: 90px;
}
}
/* -------------------------------*/
/* -------------------------------*/
/*             800                */
/* -------------------------------*/
@media (max-width:800px){
.PageWidth {
width: 90%;
}
/*  Dropdown Menu                 */
ul ul li {
font-size: 115%;
}
.MenuBoxes {
width: 44%;
height: 110px;
margin: 10px 3% 10px 3%;	
}
.HeaderTitle {
font-size: 140%;
}
.FloatPortrait img {
width: 200px;
max-height: 250px;
}
/* -------------------------------*/
/*  Hide and Display              */
.HidePhoto {
display: none;
}
.ShowPhoto {
display: block;
}
.MediumPictureFrame {
width: 44%;
margin: 0;
height: 140px;
}
/* -------------------------------*/
/*  Form and Display              */
.RegForm input {
margin: 0 auto;
display: block;
text-align: center;
}
.RegForm .RegistrationCheckbox input {
display: inline-block;
}
.RegForm label {
width:90%;
display: block;
text-align: center;
}
}
/* -------------------------------*/
/* -------------------------------*/
/*             650                */
/* -------------------------------*/
@media (max-width:650px){
.PageWidth {
	width: 95%;
}
.PageCanvas {
	margin-top: 190px;
	margin-bottom: 90px;
}
/*  Dropdown Menu                 */
ul ul li {
width: 46%;
padding: 15px 0;
font-size: 110%;
}
.FloatPortrait img {
width: 180px;
max-height: 225px;
}
.MediumPictureFrame {
width: 40%;
margin: 0 0 0 2%;
height: 100px;
}
.FooterAK {
padding: 12px 0;
}
/* -------------------------------*/
/*  Hide and Display              */
.HeaderTitle {
display: none;
width: 95%; 
font-size: 125%;
}
.HideContainer {
display: none;
}
.ShowContainer {
position: absolute;
top: 105px;
margin: 0 auto;
text-align: center;
display: block;
}
/* -------------------------------*/
/* -------------------------------*/
/*             480                */
/* -------------------------------*/
@media (max-width:480px){
.PageCanvas {

	margin-bottom: 110px;
}
.FooterLogo {
max-width: 40%;
}
.HeaderTitle {
font-size: 110%;
}
.MenuBoxes {
width: 94%;
height: 55px;
margin: 5px 3% 5px 3%;	
}
.FloatPortrait img {
width: 160px;
max-height: 200px;
}
.MediumPictureFrame {
width: 60%;
height: 110px;
margin: 0 16%;
}
/* -------------------------------*/
/*  Function                      */
.ShowTime {
display: none;
}
}
/* -------------------------------*/
/* -------------------------------*/
/*             380                */
/* -------------------------------*/
@media (max-width:380px){
.FooterLogo {
max-width: 55%;
}
.FloatPortrait img {
clear: both;
width: 90%;
max-height: 110%;
text-align: center;
float: none;
margin: 0 5% 15px 5%;
}
.MediumPictureFrame {
height: 100px;
}
.TeamBoxContainer {
font-size: 95%;
}
}