@media (min-width:220px) and (max-width:299px) {

body {background-color:rgba(255,255,255,1);} /* light orange / yellow */

.container {height:auto; min-height:100px; width:100%; margin-bottom:10px; background-color:rgba(255,255,255,1);}

.one-column-center-1 {width:100%; height:auto; min-height:200px; background-color:rgba(255,255,255,.7); box-sizing:border-box; position:relative; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:10px; padding:10px;}

.two-column-center-1 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; box-sizing: border-box; float:right; padding:10px; margin-top:10px; margin-bottom:10px;} 
.two-column-center-2 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; box-sizing: border-box; float:left; padding:10px; margin-top:10px; margin-bottom:10px; border-right:0px dotted #ccc;} 

.three-column-center-1 {width:100%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:0px dotted #ccc;}
.three-column-center-2 {width:100%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:0px dotted #ccc;}
.three-column-center-3 {width:100%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.four-column-center-1 {width:100%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:0px; margin-bottom:10px; min-height:200px;overflow:hidden;}
.four-column-center-2 {width:100%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}
.four-column-center-3 {width:100%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}
.four-column-center-4 {width:100%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}

.five-column-center-1 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-2 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.five-column-center-3 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-4 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.five-column-center-5 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.six-column-center-1 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-2 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-3 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-4 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-5 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-6 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.p-img {height:90%; width:90%;}

.floated-left {float:left;}

.floated-right-img {position:relative; float:right; background-color:#cdd; height:330px; width:250px;}

.techs {position:relative; left:30px; width:90%;}
.techs li {font-family:"Raleway", sans-serif; font-size:1.4em; color:#000; line-height:1.7em;}

.contact-form-container {height:auto; min-height:50px; width:100%; padding:0px; box-sizing:border-box;  position:relative; margin-right:auto; margin-left:auto;}
.contact-form-container .name,.phone,.email,.message {height:auto; font-family:"Raleway", sans-serif; font-weight:700; font-size:1.4em; min-height:100px; width:100%; padding:5px; position:relative;box-sizing:border-box; margin-bottom:10px;}
.contact-form-container .message {margin-bottom:0px;!important}

.contact-form-container input[type='text'] {border:0px;width:100%; height:35px; padding:3px; box-sizing:border-box; margin-top:5px; font-family:"Helvetica New","Helvetica Neue", "Helvetica" , sans-serif; font-size:1.2em; border-bottom:1px dotted #ccc;}
.contact-form-container input[type='text']:focus {outline:none; background-color:rgba(219,228,255,.3);}
.contact-form-container #txtMessage {display:block; height:100px; width:100%; box-sizing:border-box; border-bottom:1px dotted #ccc; border:0px solid #ccc;}
.contact-form-container #txtMessage:focus {outline:none; background-color:rgba(219,228,255,.3);}



    
}
@media (min-width:300px) and (max-width:499px) {
	
body {background-color:rgba(255,255,255,1)} /* light orange / yellow */

.container {height:auto; min-height:100px; width:100%; margin-bottom:10px; background-color:rgba(255,255,255,.7);}

.one-column-center-1 {width:100%; height:auto; min-height:200px; background-color:rgba(255,255,255,.7); box-sizing:border-box; position:relative; margin-right:auto; margin-left:auto; padding:30px;}

.two-column-center-1 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; box-sizing: border-box; float:right; padding:30px; margin-top:10px; margin-bottom:10px;} 
.two-column-center-2 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; box-sizing: border-box; float:left; padding:30px; margin-top:10px; margin-bottom:10px; border-right:1px dotted #ccc;} 

.three-column-center-1 {width:100%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:1px dotted #ccc;}
.three-column-center-2 {width:100%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:1px dotted #ccc;}
.three-column-center-3 {width:100%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.four-column-center-1 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-2 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:0px dotted #ccc;overflow:hidden;}
.four-column-center-3 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-4 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}

.five-column-center-1 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-2 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.five-column-center-3 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-4 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.five-column-center-5 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.six-column-center-1 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-2 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-3 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-4 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-5 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-6 {width:100%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.p-img {height:90%; width:90%;}

.floated-left {float:left;}

.floated-right-img {position:relative; float:right; background-color:#cdd; height:300px; width:200px;margin:20px;}

.techs {position:relative; left:30px; width:90%;}
.techs li {font-family:"Raleway", sans-serif; font-size:1.4em; color:#000; line-height:1.7em;}

.contact-form-container {height:auto; min-height:50px; width:100%; padding:0px; box-sizing:border-box;  position:relative; margin-right:auto; margin-left:auto;}
.contact-form-container .name,.phone,.email,.message {height:auto; font-family:"Raleway", sans-serif; font-weight:700; font-size:1.4em; min-height:100px; width:100%; padding:5px; position:relative;box-sizing:border-box; margin-bottom:10px;}
.contact-form-container .message {margin-bottom:0px;!important}

.contact-form-container input[type='text'] {border:0px;width:100%; height:35px; padding:3px; box-sizing:border-box; margin-top:5px; font-family:"Helvetica New","Helvetica Neue", "Helvetica" , sans-serif; font-size:1.2em; border-bottom:1px dotted #ccc;}
.contact-form-container input[type='text']:focus {outline:none; background-color:rgba(219,228,255,.3);}
.contact-form-container #txtMessage {display:block; height:100px; width:100%; box-sizing:border-box; border-bottom:1px dotted #ccc; border:0px solid #ccc;}
.contact-form-container #txtMessage:focus {outline:none; background-color:rgba(219,228,255,.3);}


}
@media (min-width:500px) and (max-width:899px) {

body {background-color:rgba(255,255,255,1)}

.container {height:auto; min-height:100px; width:100%; margin-bottom:10px; background-color:rgba(255,255,255,.7);}

.one-column-center-1 {width:100%; height:auto; min-height:200px; background-color:rgba(255,255,255,.7); box-sizing:border-box; position:relative; margin-right:auto; margin-left:auto; padding:30px;}

.two-column-center-1 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; box-sizing: border-box; float:right; padding:30px; margin-top:10px; margin-bottom:10px;} 
.two-column-center-2 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; box-sizing: border-box; float:left; padding:30px; margin-top:10px; margin-bottom:10px; border-right:1px dotted #ccc;} 

.three-column-center-1 {width:50%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:1px dotted #ccc;}
.three-column-center-2 {width:50%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:0px dotted #ccc;}
.three-column-center-3 {width:100%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.four-column-center-1 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-2 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:0px dotted #ccc;overflow:hidden;}
.four-column-center-3 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px; border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-4 {width:50%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}

.five-column-center-1 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-2 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.five-column-center-3 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-4 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.five-column-center-5 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.six-column-center-1 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-2 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-3 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-4 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:0px dotted #ccc;}
.six-column-center-5 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-6 {width:50%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}
    
.p-img {height:90%; width:90%;}

.floated-left {float:left;}

.floated-right-img {position:relative; float:right; background-color:#cdd; height:400px; width:300px;}

.techs {position:relative; left:30px; width:90%;}
.techs li {font-family:"Raleway", sans-serif; font-size:1.4em; color:#000; line-height:1.7em;}

.contact-form-container {height:auto; min-height:50px; width:80%; padding:10px; box-sizing:border-box;  position:relative; margin-right:auto; margin-left:auto;}
.contact-form-container .name,.phone,.email,.message {height:auto; font-family:"Raleway", sans-serif; font-weight:700; font-size:1.4em; min-height:100px; width:100%; padding:5px; position:relative;box-sizing:border-box; margin-bottom:10px;}
.contact-form-container .message {margin-bottom:0px;!important}

.contact-form-container input[type='text'] {border:0px;width:100%; height:35px; padding:3px; box-sizing:border-box; margin-top:5px; font-family:"Helvetica New","Helvetica Neue", "Helvetica" , sans-serif; font-size:1.2em; border-bottom:1px dotted #ccc;}
.contact-form-container input[type='text']:focus {outline:none; background-color:rgba(219,228,255,.3);}
.contact-form-container #txtMessage {display:block; height:100px; width:100%; box-sizing:border-box; border-bottom:1px dotted #ccc; border:0px solid #ccc;}
.contact-form-container #txtMessage:focus {outline:none; background-color:rgba(219,228,255,.3);}

}	
@media (min-width:900px) and (max-width:1049px) {

body {background-color:rgba(255,255,255,1)} /* light red */

.container {height:auto; min-height:100px; width:100%; margin-bottom:10px; background-color:rgba(255,255,255,1);}

.one-column-center-1 {width:100%; height:auto; min-height:200px; background-color:rgba(255,255,255,.7); box-sizing:border-box; position:relative; margin-right:auto; margin-left:auto; padding:30px;}

.two-column-center-1 {width:50%; height:auto; min-height:200px; box-sizing: border-box; float:right; padding:10px; margin-top:10px; margin-bottom:10px;} 
.two-column-center-2 {width:50%; height:auto; min-height:200px; box-sizing: border-box; float:left; padding:10px; margin-top:10px; margin-bottom:10px; border-right:1px dotted #ccc;} 

.three-column-center-1 {width:33.33%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.three-column-center-2 {width:33.33%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.three-column-center-3 {width:33.33%; height:auto; min-height:200px; background-color:#fff; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.four-column-center-1 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-2 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-3 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-4 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}

.five-column-center-1 {width:20%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-2 {width:20%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-3 {width:20%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-4 {width:20%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-5 {width:20%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.six-column-center-1 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-2 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-3 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-4 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-5 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-6 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.p-img {height:90%; width:90%;}

.floated-left {float:left;}

.floated-right-img {position:relative; float:right; background-color:#cdd; height:400px; width:300px;}

.techs {position:relative; left:30px; width:90%;}
.techs li {font-family:"Raleway", sans-serif; font-size:1.4em; color:#000; line-height:1.7em;}


.contact-form-container {height:auto; min-height:50px; width:70%; padding:10px; box-sizing:border-box;  position:relative; margin-right:auto; margin-left:auto;}
.contact-form-container .name,.phone,.email,.message {height:auto; font-family:"Raleway", sans-serif; font-weight:700; font-size:1.4em; min-height:100px; width:100%; padding:5px; position:relative;box-sizing:border-box; margin-bottom:10px;}
.contact-form-container .message {margin-bottom:0px;!important}

.contact-form-container input[type='text'] {border:0px;width:100%; height:35px; padding:3px; box-sizing:border-box; margin-top:5px; font-family:"Helvetica New","Helvetica Neue", "Helvetica" , sans-serif; font-size:1.2em; border-bottom:1px dotted #ccc;}
.contact-form-container input[type='text']:focus {outline:none; background-color:rgba(219,228,255,.3);}
.contact-form-container #txtMessage {display:block; height:100px; width:100%; box-sizing:border-box; border-bottom:1px dotted #ccc; border:0px solid #ccc;}
.contact-form-container #txtMessage:focus {outline:none; background-color:rgba(219,228,255,.3);}



}		
@media (min-width:1050px) and (max-width:1506px) {

body {background-color:rgba(255,255,255,1);} /* light purple */

.container {height:auto; min-height:100px; width:100%; margin-bottom:10px; background-color:rgba(255,255,255,1);}

.one-column-center-1 {width:100%; height:auto; min-height:200px; box-sizing:border-box; background-color:rgba(255,255,255,.7); position:relative; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:10px; padding:30px;}

.two-column-center-1 {width:50%; height:auto; min-height:200px; box-sizing: border-box; float:right; padding:30px; margin-top:10px; margin-bottom:10px;} 
.two-column-center-2 {width:50%; height:auto; min-height:200px; box-sizing: border-box; float:left; padding:30px; margin-top:10px; margin-bottom:10px; border-right:1px dotted #ccc;} 

.three-column-center-1 {width:33.33%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.three-column-center-2 {width:33.33%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.three-column-center-3 {width:33.33%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.four-column-center-1 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-2 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-3 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-4 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}

.five-column-center-1 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-2 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-3 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-4 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-5 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.six-column-center-1 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-2 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-3 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-4 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-5 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-6 {width:16.66666666666667%; height:auto; min-height:200px; background-color:#f2f2f2; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.p-img {height:90%; width:90%;}

.floated-left {float:left;}

.floated-right-img {position:relative; float:right; background-color:#cdd; height:600px; width:450px; margin:30px;top:-50px;}

.techs {position:relative; left:30px; width:90%;}
.techs li {font-family:"Raleway", sans-serif; font-size:1.4em; color:#000; line-height:1.7em;}


.contact-form-container {height:auto; min-height:50px; width:50%; padding:10px; box-sizing:border-box;  position:relative; margin-right:auto; margin-left:auto;}
.contact-form-container .name,.phone,.email,.message {height:auto; font-family:"Raleway", sans-serif; font-weight:700; font-size:1.4em; min-height:100px; width:100%; padding:5px; position:relative;box-sizing:border-box; margin-bottom:10px;}
.contact-form-container .message {margin-bottom:0px;!important}

.contact-form-container input[type='text'] {border:0px;width:100%; height:35px; padding:3px; box-sizing:border-box; margin-top:5px; font-family:"Helvetica New","Helvetica Neue", "Helvetica" , sans-serif; font-size:1.2em; border-bottom:1px dotted #ccc;}
.contact-form-container input[type='text']:focus {outline:none; background-color:rgba(219,228,255,.3);}
.contact-form-container #txtMessage {display:block; height:100px; width:100%; box-sizing:border-box; border-bottom:1px dotted #ccc; border:0px solid #ccc;}
.contact-form-container #txtMessage:focus {outline:none; background-color:rgba(219,228,255,.3);}

}
@media (min-width:1507px) {
    
body {background-color:rgba(255,255,255,1);} /* light blue */

.container {height:auto; min-height:100px; width:100%; padding:10px; box-sizing:border-box; background-color:rgba(255,255,255,.7);}

.content {height:auto; min-height:100px; width:100%; padding:50px; box-sizing:border-box; background-color:rgba(255,255,255,.7);}


.one-column-center-1 {width:100%; height:auto; min-height:200px; box-sizing:border-box; position:relative; margin-right:auto; margin-left:auto; margin-top:10px; margin-bottom:10px; padding:30px;}

.two-column-center-1 {width:50%; height:auto; min-height:200px; box-sizing: border-box; float:right; padding:30px; margin-top:10px; margin-bottom:10px;} 
.two-column-center-2 {width:50%; height:auto; min-height:200px; box-sizing: border-box; float:left; padding:30px; margin-top:10px; margin-bottom:10px; border-right:1px dotted #ccc;} 

.three-column-center-1 {width:33.33%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.three-column-center-2 {width:33.33%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.three-column-center-3 {width:33.33%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.four-column-center-1 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-2 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-3 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;overflow:hidden;}
.four-column-center-4 {width:25%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;overflow:hidden;}

.five-column-center-1 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-2 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-3 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-4 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.five-column-center-5 {width:20%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.six-column-center-1 {width:16.66666666666667%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-2 {width:16.66666666666667%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-3 {width:16.66666666666667%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-4 {width:16.66666666666667%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-5 {width:16.66666666666667%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;  border-right:1px dotted #ccc;}
.six-column-center-6 {width:16.66666666666667%; height:auto; min-height:200px; float:left; padding:10px; box-sizing:border-box; margin-top:10px; margin-bottom:10px; min-height:200px;}

.p-img {height:90%; width:100%;}

.floated-left {float:left;}

.floated-right-img {position:relative; float:right; background-color:#cdd; height:600px; width:450px; margin:30px;top:-50px;}

.techs {position:relative; left:30px; width:90%;}
.techs li {font-family:"Raleway", sans-serif; font-size:1.4em; color:#000; line-height:1.7em;}
.techs li a {color:#000; text-decoration:none;}
.techs li a:hover {color:#006699}

.contact-form-container {height:auto; min-height:50px; width:50%; padding:10px; box-sizing:border-box;  position:relative; margin-right:auto; margin-left:auto;}
.contact-form-container .name,.phone,.email,.message {height:auto; font-family:"Raleway", sans-serif; font-weight:700; font-size:1.4em; min-height:100px; width:100%; padding:5px; position:relative;box-sizing:border-box; margin-bottom:10px;}
.contact-form-container .message {margin-bottom:0px;!important}

.contact-form-container input[type='text'] {border:0px;width:100%; height:35px; padding:3px; box-sizing:border-box; margin-top:5px; font-family:"Helvetica New","Helvetica Neue", "Helvetica" , sans-serif; font-size:1.2em; border-bottom:1px dotted #ccc;}
.contact-form-container input[type='text']:focus {outline:none; background-color:rgba(219,228,255,.3);}
.contact-form-container #txtMessage {display:block; height:100px; width:100%; box-sizing:border-box; border-bottom:1px dotted #ccc; border:0px solid #ccc;}
.contact-form-container #txtMessage:focus {outline:none; background-color:rgba(219,228,255,.3);}



}

.clearfix {clear: both;}