/* ==========================================================================
  Wide Screen Layout: From 1200px.
========================================================================== */
@media (max-width: 1100px) {
#topheaderinner, #page, #supplementaryinner, .pagebannerinner {
    padding:0 20px;
}
.hometop .colorbuttonalt p,
.hometop .colorbutton p {
    font-size: 16px !important;
}



}
/* ========= end of Wide Screen Layout: From 1200px. ========= */

/* ==========================================================================
  Mobile Layout: From 320px.
========================================================================== */
@media (max-width: 780px) {

.single-post #primary {
    width: 100%;
}
#main #secondary {
    margin: 0;
}
	
	.hometop {
    padding: 50px 10%;
    background-size: 100%;
}
	
	.homeboxinner{
	min-height:auto;
}
	
	.colorbuttonorange.rightalign {
    text-align: left;
}
	
	.singular #primary {
    margin-bottom: -18px;
}
	
	.footernav ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
	
	.aboutbottom {
    padding: 20px 0 20px 0;
}

}


/* ==========================================================================
  Normal Desktop Layout: From 980px.
========================================================================== */
@media (min-width: 1000px) and (max-width: 1050px) {

.hometop .colorbuttonalt p,
.hometop .colorbutton p {
    font-size: 1.2vw !important;
}


}
/* ========= end of Normal Desktop Layout: From 980px. ========= */


/* ==========================================================================
  Tablet Device Layout: From 768px.
========================================================================== */
@media (min-width: 768px) and (max-width: 999px) {

.homeboxinner h4{
	font-size: 2.5vw !important;
}
p {
	font-size: 1.8vw;
}
#access ul {
    font-size: 15px;
}
.hometop .colorbuttonalt p,
.hometop .colorbutton p {
    font-size: 1.2vw !important;
}
}
/* ========= end of Tablet Device Layout: From 768px. ========= */

@media (min-width: 768px) and (max-width: 800px) {



}


/* ========= end of Mobile Layout: From 320px. ========= */


/* ==========================================================================
  Wide Mobile Layout: 480px.
========================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

.entry-content h1 {
	font-size: 6.5vw;
}
.entry-content h2,
.comment-content h2 {
	font-size: 5.5vw;
}
.entry-content h3, .comment-content h3 {
    font-size: 5vw;
}
#supplementary h3.widget-title {
    font-size: 5vw;
}
.entry-content h4, .comment-content h4 {
    font-size: 4.5vw;
}
.homeboxinner h4 {
    font-size: 4vw !important;
}
p {
	font-size: 17px;
}
.hometop{
	background-size: 70%;
}
.homelower{
	background: none;
}
.designpanel, .workwithus{
	background-position: left;
}
.hometop .colorbuttonalt p,
.hometop .colorbutton p {
    font-size: inherit !important;
}
.hometop
 {
   padding: 50px 10% 0;
}
.connecttop{
	background-size: 70%;
}
.connectlower{
	background: none
}
.abouttop{
	background-size: 70%;
}
.aboutlower{
	background: none;
}
.legaltop{
	background-size: 70%;
}
.legallower{
	background: none;
}
}
/* ========= end of Wide Mobile Layout: 480px. ========= */



/* ==========================================================================
  Small Mobile Layout
========================================================================== */
@media (max-width: 479px) {

.entry-content h1 {
	font-size: 7vw;
}
.entry-content h2,
.comment-content h2 {
	font-size: 6vw;
}
.entry-content h3, .comment-content h3 {
    font-size: 5.5vw;
}
#supplementary h3.widget-title {
    font-size: 5.5vw;
}
.entry-content h4, .comment-content h4 {
    font-size: 5vw;
}
.homeboxinner h4 {
    font-size: 6vw !important;
}
#topheaderinnerleft {
    max-width: 75%
}
p {
	font-size: 17px;
}
.hometop{
	background-size: 70%;
}
.homelower{
	background: none;
	padding: 30px 0;
}
.designpanel, .workwithus{
	background-position: left;
}
.hometop .colorbuttonalt p,
.hometop .colorbutton p {
    font-size: inherit !important;
}
.hometop
 {
   padding: 50px 10% 0;
}
.connecttop{
	background-size: 70%;
}
.connectlower{
	background: none
}
.abouttop{
	background-size: 70%;
}
.aboutlower{
	background: none;
}
.legaltop{
	background-size: 70%;
}
.legallower{
	background: none;
}
}
/* ========= end of small Mobile Layout ========= */