* {
  box-sizing: border-box;
}

body {
    background: url('https://songdiffusion.com/background.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	text-align: -webkit-center;
	padding: 100px 80px 100px 80px;  
}

.songdiffusion-container {
	text-align:center;
	max-width: 1300px;
	margin-left: 0px;  
}

.songdiffusion-logo {
	width: 600px;  
}

.stable-diffusion-logo {
    width: 70%;
}

.songdiffusion-row {
	width: 100%;
    padding-top: 30px;
    column-gap: 30px;
    display: flex;
} 

.songdiffusion-row:after {
  content: "";
  display: table;
  clear: both;
}

.songdiffusion-col {
    width: 33.3%;
	float: left;
    padding: 35px;
    background: #ffffffb8;
} 

.songdiffusion-img {
	width: 100%;
} 

.keywords-text {
    padding-top: 25px;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
	text-align: left;
    line-height: 1.3em;  
}

.songdiffusion-text {
    padding-top: 12px;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
	text-align: left;
    line-height: 1.3em;
}

.songdiffusion-guide {
    padding: 35px;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    background: #ffffffb8;
    margin-left: 0px;
    margin-right: 30px; 
	margin-top: 25px;
}

.songdiffusion-guide-title {
    font-size: 25px;
	font-weight: 600;  
}

.songdiffusion-guide-text {
	font-size: 18px;
    line-height: 1.35em;
    margin-top: 18px;
}

.songdiffusion-spacer {
    margin-top: 120px;
}

@media only screen and (max-width: 1200px) {

body {
	padding: 100px 40px 100px 40px;
}

}

@media only screen and (max-width: 1024px) {

body {
    padding: 80px 10px 80px 10px;
}  
  
.songdiffusion-logo {
	width: 380px;  
}

.stable-diffusion-logo {
    width: 75%;
}   

.songdiffusion-guide-title {
    font-size: 24px;
}
  
.songdiffusion-guide-text {
	font-size: 17px;
}  
  
.songdiffusion-col {
    padding: 20px;  
}

.keywords-text {
    padding-top: 20px;
    font-size: 17px;
}

.songdiffusion-text {
    font-size: 17px;
}  
  
    input#input-field {
  	width: 500px!important;
  }
  
}  



@media only screen and (max-width: 900px) {

form {
    width: 100%!important;
    display: block!important;
  } 
    
  
.form-container {
    width: 100%!important;
    display: block!important;
  } 
  
  .text-container {
   width: 100%!important; 
  }
  
    
 .try-container {
    margin-top: 50px!important;
    margin-bottom: -15px!important;
}  
  
.try-container img {
    width: 210px!important;
} 
  
  input#input-field {
    width: 100%!important;
}
  
  input[type="submit"] {
  	width: 100%!important;
    margin-left: 0px!important;
    height: 58px!important;
    margin-top: 15px!important;
  }
  
  
  
  
}




@media only screen and (max-width: 767px) {

body {
    padding: 70px 15px 70px 15px;  
}  
  
.songdiffusion-logo {
	width: 280px;  
}  

.stable-diffusion-logo {
    width: 95%;
}   
  
.songdiffusion-container {
  	margin-left: 0px;
}
  
.songdiffusion-guide {
	margin-top: 20px;  
	margin-right: 0px; 
}  
    
.songdiffusion-guide-title {
    font-size: 23px;
}
 
.songdiffusion-row {
	padding-top: 0px;
	display: table;  
} 
  
.songdiffusion-col {
  	width: 100%;
    padding: 30px;  
  	margin-top: 30px;
}

.keywords-text {
    padding-top: 20px;
    font-size: 17px;
}

.songdiffusion-text {
    font-size: 17px;
}

.songdiffusion-spacer {
    margin-top: 90px;
}  
  
  
form {
    margin-top: 40px!important;
}
      
.form-container {
    width: 100%!important;
    display: block!important;
  	padding-left: 10px!important;
  	padding-right: 10px!important;
  } 
  
  .text-container {
   width: 100%!important; 
   font-size: 17px!important; 
   padding-left: 10px!important;
  padding-right: 10px!important; 
  }
  
  input#input-field {
  	font-size: 18px!important;  
  }  
  
  input[type="submit"] {
    height: 58px!important;
    margin-top: 10px!important;
    font-size: 18px!important;
  }
  
 
   
}