@charset "utf-8";
/* CSS Document */

html {
            height: 100%;
            margin: 0;
        }
		
		body {
			height: 100%;
            margin: 0;
			padding:0;
			background-image: url("bg-tile");
  background-repeat: repeat;
  background-attachment: fixed;
		}

/* Mobile

        @media screen and (max-width:767px) {
           
                width: 100% !important;
                transform: scale(1.3);
            }

            */
		
		span {
			margin:0;
		padding:0;
		}

        .aligntopright {
            float: right;
            position:fixed;
            right:3%;
            top:3%;
            z-index:3;
            font-size:12px;
            text-align:right;
            max-width: 27%;
            
        }

        .aligntopleft {
            float: left;
            position:fixed;
            left:3%;
            top:3%;
            z-index:3;
            font-size:12px;
            text-align:left;
            
            max-width: 15%;
        }

        .alignbottomright {
            float: right;
            position:fixed;
            right:3%;
            bottom:3%;
            z-index:3;
            text-align:right;
            
            max-width: 20%;
            
        }

        .alignbottomleft {
            float: left;
            position:fixed;
            left:3%;
            bottom:3%;
            z-index:3;
            font-size:12px;
            text-align:left;
            max-width: 27%;
            
            
        }

        .aligncenter {
            position:absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            margin:auto;
            z-index:1;
        }
		
        #responsive-image {  width: 100%;  height: auto; } 

        container {
            position:relative;
    height: 100%;
    width:100%;
        }

        #containerback {
            position:relative;
    height:auto;
    width:auto;
    padding: 20%;
    z-index: -1;
    display: none;
        }

        .bio {
            
            z-index: -1;
            font-size:1px;
            display: none;
        }

        #myVideo {
            position: fixed;
            bottom: 0;
            right:0;
            min-width: 100%; 
            min-height: 100%;
            z-index: -1;
            transform: translateX(calc((100% - 100vw) / 2));
            
          }