html,body{
 margin:0;
 padding:0;
 height:100%;
 min-width:400px;
 }
 
.intro-footer{
 max-width:500px; 
 text-align:center;
 color:white;
 position: absolute;
 top:95%; 
 left:32%
 
     }
 
/*

*/
 
 .mauto{
 margin:0 auto;
 }
 
#black-top,#black-bottom {
    
    background-image: url(/TM/Images/pattern1.png);
}
 

 .black-top { 
 color:white; 
 height:50%;
 width:100%;
 text-align: center;
 
/*
 padding-top:10%;
 padding-bottom:10%;
*/ 
 }
 .black-bot { 
 color:white; 
 height:50%;
 width:100%;
 
/* text-align: center;*/
/*
 padding-top:10%;
 padding-bottom:10%;
*/ 
 }
     
     .tx4{
         position:relative;
         bottom: 30px;
     }   
     
 .white{
 background-color:red;
 height:4px;
 width:4%;
 z-index: 10;
 
 } 
     
.headline{     
width:600px;
padding-top: 7%;
 } 
.btmline{ 
 font-size:100px; 
padding-top: 2%;
 }
     
.tx2{     
position: relative;
bottom:20px;
 }
 @media (max-width: 900px){    
 
.headline{     
width:600px;
padding-top: 2%;     
 } 
.btmline{ 
 font-size:100px; 
 padding-top: 0%;
 } 
     .black-bot { 
 color:white; 
 height:60%;
 width:100%;
 
 
 }
     
  
     
     } 
     
     
     
     
     
@media (max-width: 600px){    
 
.headline{     
width:600px;
padding-top: 10%;     
 } 
.btmline{ 
 font-size:100px; 
 padding-top: 10%;
 } 
  
     
     }