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

body {
background-color: #27212f;
background-position:center top;
background-repeat:repeat;
background-attachment:fixed;
font-family: Helvetica, Arial, sans-serif;
color: #7b7583;
font-size: 13px;
text-align:center;
margin: 0;
background-image: url("https://easternthunder.com/images/bg-2.jpg");
background-repeat: no-repeat;
background-attachment: relative;
background-position: top, center; 
}

	
::-moz-selection { /* Code for Firefox */
  color: #dbfc03;
  background: #BDBBB0;
}

::selection {
  color: #dbfc03;
  background: #ff4f69;
}
	
	
	

div.row-et {
margin-top: 40px;
text-align:center;
height: 116px;
overflow: visible;
background-image: url("https://easternthunder.com/images/eastern-thunder-presents.png");
background-repeat: no-repeat;
background-attachment: relative;
background-position: top, center; 
background-size: 128px 96px;
}

div.row-artists {
text-align:center;
vertical-align: middle;
height: 450px;
}

div.row-about {
text-align:center;
}

div.liquidcontainer {
vertical-align:top;
text-align:center;
color: #7b7583;
padding: 0;
margin: 20px;
width:inherit;
}

div.liquid {
text-align:center;
height: auto;
width: 30%;
border: 0;
min-width: 300px;
margin: 2px;
vertical-align:top;
display:inline-block;
padding: 5px;
}

div.liquid.hover {
color:#fff;
margin: 5px;
display:inline-block;
padding: 10px;
border: 0;
}

div.embed-container { 
position: relative; 
margin: 20px;
max-width: 380px;
background-color: #4f465b;
padding: 40px;
display: inline-block; 
overflow: visible;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
} 

	
h1 {
font-weight: lighter;
padding: 0;
margin-top: 0;
font-size: 22px;

}



div.testdiv {
margin-top: 12px;
background-image: url("https://easternthunder.com/images/about.png");
background-repeat: no-repeat;
background-attachment:relative;
background-position: center; 
background-size: 47%;
background-color: #4f465b;
text-decoration: none; 
font-weight: bold;
display: inline-block;	
width: 80px;
height: 30px;
overflow: visible;
transition: width 2s;
padding: 8px;
transition: .7s ease;		
-webkit-transition: .7s ease;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
font-size: 15px;	
}


div.testdiv:hover {
margin-top: 0px;
background-image: url("https://easternthunder.com/images/about.png");
background-repeat: no-repeat;
background-attachment: relative;
background-position: center; 
background-size: 50%;
background-color: #7a5d6f;
text-decoration: none; 
font-weight: bold; 
display: inline-block;	
overflow: visible;
transition: width 2s;
padding: 20px;
transition: .7s ease;		
-webkit-transition: .7s ease;	
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
font-size: 25px;
}





A:link.about  {
text-decoration: none; 
font-weight: bold; 
transition: width 2s;
}

A:visited.about {color: #BDBBB0}

A:active.about  {color: #BDBBB0}

A:hover.about {color:#BDBBB0}




div.embed-container { 
position: relative; 
margin: 20px;
max-width: 380px;
background-color: #4f465b;
padding: 40px;
display: inline-block; 
overflow: visible;
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
} 

.responsive {
  width: 100%;
  height: auto;
}




div.cloudpeople-logo {
margin-top: 20px;
background-image: url("https://easternthunder.com/images/eastern-thunder-cloud-people-logo.png");
background-repeat: no-repeat;
background-attachment:relative;
background-position: center; 
background-size: 65%;
width: 234px;
height: 90px;
background-color: #4f465b;
display: inline-block;	
overflow: visible;
transition: width 2s;
padding: 10px;
transition: .7s ease;		
-webkit-transition: .7s ease;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
}

div.cloudpeople-logo:hover {
margin-top: 0px;
background-image: url("https://easternthunder.com/images/eastern-thunder-cloud-people-logo.png");
background-repeat: no-repeat;
background-attachment:relative;
background-position: center; 
background-size: 80%;
background-color: #7a5d6f;
display: inline-block;	
overflow: visible;
transition: width 2s;
padding: 30px;
transition: .7s ease;		
-webkit-transition: .7s ease;	
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
}