body{ margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:100%; background: #2b2b2b; color:white; overflow-x:hidden;}
#topshelf{ position:absolute; z-index:1; left:0; top:0; padding:50px; }
.tc_perfect_center{ position:absolute; transform: translate(-50%,-50%); top:50%; left:50%; vertical-align:top;  }
.logo{ display:inline-block; font-family: 'Sunflower', sans-serif; font-size:200%; float:left; }
.contact_btn{ cursor:pointer; display:inline-block; font-family: 'Sunflower', sans-serif; font-size:150%; float:right; background:#7d1eff; border-radius: 20px; padding: 10px 30px 10px 30px; }
#particles{ opacity:0.8; position:absolute; width: 100%; height: 100%; background-color: #2b2b2b; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.more_btn{ cursor:pointer; display:inline-block; font-family: 'Sunflower', sans-serif; font-size:150%; border:2px solid white; border-radius: 20px; padding: 10px 30px 10px 30px; }
.more_btn:hover{ background: #2d1730; }
.large_txt { display:block;font-size:500%;font-family: 'Sunflower', sans-serif; font-weight:700; }
.med_txt { display:block;font-size:400%;font-family: 'Sunflower', sans-serif; font-weight:800; }
.normal_txt { display:block; font-size:150%; font-weight:400; }
.sm_title{ display:inline-block; font-size:150%; font-weight:800; color:#565656; padding:50px; }
.side_txt{ display:inline-block;text-align:center;vertical-align:top;height:480px; }
.section{ display:block; text-align:center; }
#what_we_do{ color:#3f3f3f; background-color:white; background-image: url('img/bg.jpg') !important;   background-position: center !important;   background-repeat: no-repeat !important;    background-size: cover !important;}
.form_box{  text-align:left; position:relative; transform: translate(-50%,0%); top:0%; left:50%; max-width:30%; border:2px solid #cccccc; border-radius: 10px; background:white; padding:20px; }
.form_field{ color:#3f3f3f; margin-bottom:10px; }
i{ margin-right:10px; }
input, textarea{ display:block; color:#3f3f3f; border:1px solid #565656; border-radius: 3px; padding:10px; min-width: 300px; }
textarea{ height: 150px; }
a, a:hover{ color:white; text-decoration:none; }
#code{ width:480px;display:inline-block;margin-left:50px; }
#contact_top{ display:inherit; }
#app_design{ width:480px; text-align:left; line-height:150%; }
#get_in_touch{ color:white;float:left;margin-top:20px; }

@media screen and (max-width: 900px) {
	.large_txt { font-size:300%; }
	.form_box{ max-width:80%; }
	#code, #contact_top, #get_in_touch{ display:none; }
}

@media screen and (max-width: 600px) {
	body { font-size:70%; }
	#app_design{ width:auto; }
	input, textarea{ min-width: 250px; }
}