@charset "utf-8";
/* CSS Document */
/* Max Wrapper Width - Laptop, Desktop etc.*/
@import url("fontawesome-4.5.0.min.css");
@import url("framework555_new.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
@import url("https://fonts.googleapis.com/css?family=Oswald|Source+Sans+Pro");
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:100|Oswald');





body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: Roboto Condensed;
		color: #000;
    }


	/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
	border-bottom: 1px solid #000;
	box-shadow: 0px 0px 12px #fff;
	overflow: hidden;	

	position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 15px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #3d3d3d;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #333;
    color: white;
	float: left;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.floatright {
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 5px;
    text-decoration: none;
    font-size: 15px;
	}


.columnslogo {
        width: 100%;
        float: left;
		text-align: center;
    }
.img99 {width: 100%; height: auto;}
.websites {color: #fff; font-size: 18px; text-align: left; }

.btnwidth {width: 50%;}

.textarea99 {width: 100%; height: 60px; cursor: text;}
.text222 {width: 100%; height: 30px; cursor: text;}

.columns-center {font-size: 15px; width: 100%; text-align: center; float: left;}
.columns00 {width: 33%; padding: 20px; float: left;}
.columns001 {width: 33%; padding-top: 30px; float: left;}
.columns {width:50%; padding: 30px; float: left;}

.img5 {padding-bottom: 0px; }


@media screen and (min-width : 1201px ) and (max-width: 1800px) and (orientation: landscape){
	
*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	
	
	/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: inline-block;
    color: #f2f2f2;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 15px;
}
	
	.floatright {
	right: 0;
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 15px;	
	}
	
	.fa-television {
	font-size: 16px;	
	}
	
	
	.button {float: left; width: 100%; margin-top: 0px; margin-bottom: 70px;}
	.imgnew1 {width: 85%; height: auto; text-align: center; padding-top: 10px;}
	.width{width: 33%; float: left; text-align: center; padding: 30px; margin-top: 70px;}
	.widthweb {width: 33%; float: left; text-align: center; padding: 30px; margin-top: 80px; display: inline-block;}
	.hide {font-size: 20px; padding-left: 15px; padding-right: 15px; display:none;}
	.textblock{display: block; color: #000; font-size: 14px;}
	.imgnew {width: 100%; height: auto; text-align: center; padding-top: 10px;}
	.bodytext {font-size: 17px; color: #000;}
	.fa-paint-brush {font-size: 30px; margin-top: -10px; margin-right: 20px;}
	.heading2 {font-size: 16px; color: #540000; font-weight: 400; display: block; margin-bottom: 20px; font-family: Roboto Condensed;}
	.bodytext {font-size: 15px; color: #000;}
	.onethird {float: left; width: 33%; padding: 40px; text-align: justify;}
	.onethirdweb {float: left; width: 33%; padding: 40px; text-align: justify; margin-top: 70px;}
	a {padding: 5px; font-size: 15px; letter-spacing: 1px;}
	.fa-paint-brush {font-size: 25px;}
	.imgdivlogo {max-width: 100%; height: 76vh; background-size:cover; margin-bottom: 5px; background-image: url('../images/logo_testmedium.jpg');}
	.imgdivweb {max-width: 100%; height: 71vh; text-align: center; background-size:cover; background-image: url('../images/test.jpg'); margin-top: 50px;}
	h1 {font-size: 40px; color: #fff; font-weight: 800; margin-bottom: 20px;}
	.printprice {font-size: 24px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: left; font-family: Roboto Condensed;}
	.printprice-header {font-size: 14px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; font-family: Roboto Condensed;}
	.heading {font-size: 40px; color: #540000; font-weight: 800; text-shadow: 2px 2px 8px #fff;}
	.columns0{width: 100%; float: left; text-align: center; margin-right: 0px; margin-top: 0px; overflow: hidden;}
	.heading3 {font-size: 25px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 20px; text-align: center; font-family: Roboto Condensed;}
	.fl_right {float:right;}
	.img99 {width: 75%; height: auto; -webkit-width: 80%; -webkit-height: auto;}
	.img99web {width: 110%; height: auto; -webkit-width: 100%; -webkit-height: auto;}
	.img00 {width: 15%; height: auto; text-align: center; vertical-align: middle; padding-left: 12px;}
	.topnavdiv {padding-top: 25px; padding-bottom: 25px; float: right;}
	.imgtt {max-width: 100%; height: auto;}
	.hoc555{width: 90%; max-width:90%; padding-top: 20px; margin:auto; text-align: center; color: #000;}
	.width100 {width: 33%; text-align: right; float: left; margin-top: 50px; margin-left: 10px;}
	.content3 {width: 33%; text-align: center; margin-top: 35px; float: left;}
	.margintop {margin-top: 75px;}
	.listmenu {font-size: 15px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 55px; padding-bottom: 55px;}
	.pricedetails{font-size: 17px; float: left; width: 100%; text-align: left;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 55px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 14px; color: #000;}
	.headinglogo {font-size: 17px; color: #540000; font-weight: 800; text-align: center; display: block; text-shadow: none none; padding-bottom: 25px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 25%;
        margin: auto;
        padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 13px;
		background-color: #eee;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 23%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 23%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 19%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 19%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	
	.textarea99 {width: 100%; height: 40px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 33%; padding-top: 60px; float: left;}
	.columns00 {width: 33%; padding: 80px; float: left;}
	.pricelarge {color: #fff; font-size: 40px; font-weight: bolder; }
	
	body {
        margin: 0;
        padding: 0;
        font-size: 15px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 1px;
    }
	
	.services {font-size: 35px; padding-top: 60px;}
	.columns {width: 50%; float: left;}
	.hoc {max-width: 90%;}
	.content {width: 50%;}
	.content1 { height: 320px; padding-top: 35px; padding-bottom: 25px;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}	
	.headers2 {font-size: 22px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 22px; color: #0075B3; font-family: 'oswald';}
	.content22 { width: 33%; float: left; padding-top: 35px; padding-bottom: 25px; text-align: center;}
	.content2 { width: 33%; padding-right: 10px; float: left; padding-top: 15px; padding-bottom: 15px; height: 320px; text-align: right;}
	.content-margin {padding-bottom: 60px;}
	span {font-size: 14px; color: #000; font-family: 'Encode Sans Condensed', sans-serif;}
	.btn-width{width: 45%;}
	.img5 {height: 45%; padding-bottom: 0px; }
	p {font-size: 15px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 14px;
	width: 25%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 14px;
		width: 25%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 12px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/* Rows */
.row {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	display: inline-block;
}
	/*Button*/
	
    .btn88 {
		color: #fff;
		margin-left: 20px;
		margin-top: -20px;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 18%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
		font-weight:600;
	}
	
	.btn88:hover {
		color: #fff;
		margin-left: 20px;
		margin-top: -20px;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 18%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
		font-weight:600;
	}
	
	.btn {
		color: #fff;
		margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 0px;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 18%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}
	
	.btn:hover {
		
		color: #fff;
		margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 0px;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 18%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}
	
}

@media screen and (min-width : 1801px ) and (max-width: 3000px) and (orientation: landscape){

*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	
	
	/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: inline-block;
    color: #f2f2f2;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 16px;
}
	
	.floatright {
	right: 0;
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 12px;	
	}
	
	.fa-television {
	font-size: 16px;	
	}
	
	
	.button {float: left; width: 100%; margin-top: 0px; margin-bottom: 70px;}
	.imgnew1 {width: 80%; height: auto; padding-top: 0px;}
	.width{width: 33%; float: left; text-align: center; margin: 70px 0 50px 0; padding: 50px;}
	.hide {font-size: 20px; padding-left: 15px; padding-right: 15px; display:none;}
	.textblock{display: block; color: #000; font-size: 15px;}
	.onethirdweb {float: left; width: 33%; padding: 40px; text-align: justify; margin-top: 95px;}
	.imgnew {width: 80%; height: auto; margin-top: 0px;}
	.bodytext {font-size: 17px; color: #000;}
	.onethird {float: left; width: 33%; padding: 50px; text-align: justify;}
	.fa-arrow-circle-right {font-size: 14px;}
	.fa-paint-brush {font-size: 30px; margin-top: 0px; margin-right: 30px;}
	.imgdivlogo {width: 100%; height: 75vh; margin-bottom: 10px; background-size:cover; background-image: url('../images/logo_testbig.jpg'); margin-top: 50px;}
	h1 {font-size: 50px; color: #fff; font-weight: 800;}
	.heading {font-size: 50px; color: #540000; font-weight: 800;}
	.headingweb {font-size: 30px; color: #540000; font-weight: 800;}
	.heading2 {font-size: 20px; color: #540000; font-weight: 400; display: block; margin-bottom: 20px; font-family: Roboto Condensed;}
	.heading3 {font-size: 25px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 12px; margin-bottom: 25px; text-align: center; font-family: Roboto Condensed;}
	.columns0{width: 100%; float: left; text-align: center; margin-right: 0px; margin-top: 10px; overflow: hidden;}
	.hoc555{width: 90%; max-width:90%; padding-top: 18px; margin:auto; text-align: center; color: #000;}
	.img99 {width: 79%; height: auto;}
	.img00 {width: 15%; height: auto; text-align: center; vertical-align: middle; padding-left: 12px;}
	.topnavdiv {padding-top: 25px; padding-bottom: 25px; float: right;}
	.imgfill {width: auto; height: 500px;}
	.printprice {font-size: 25px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: center; font-family: Roboto Condensed;}
	.printprice-header {font-size: 14px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; font-family: Roboto Condensed;}
	.imgdivweb {max-width: 100%; height: 75vh; margin-bottom: 10px; text-align: center; background-size:cover; background-image: url('../images/test.jpg'); margin-top: 50px;}
	.content3 {width: 33%; text-align: center; margin-top: 50px; float: left;}
	.minus {margin-left: 0px;}
	.width100 {width: 33%; text-align: right; float: left; margin-top: 50px;}
	.imgtt {max-width: 100%; max-height: auto;}
	
	.margintext{ margin-top: 25px;}
	.imgdiv-contact {max-width: 100%; height: 705px; background-size:cover; background-image: url('../images/contact1.jpg');}
	.divdesign {width: 50%; margin: 0px 0px 0px 0px;}
	.img111{width: 20%; height: auto; vertical-align: middle; padding-bottom: 75px; display: block;}
	.contactmessage {margin-top: 75px; text-align: justify; color: #000; font-size: 18px;}
	
	
	.margintop {margin-top: 75px;}
	.listmenu {font-size: 15px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 35px; padding-bottom: 55px;}
	.pricedetails{font-size: 17px; float: left; width: 100%; text-align: left;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 55px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 16px; color: #000;}
	.headinglogo {font-size: 17px; color: #540000; font-weight: 800; text-align: center; display: block; text-shadow: none none; padding-bottom: 25px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 25%;
        margin: auto;
        padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 13px;
		background-color: #eee;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	
	.imglogo{width: 35%; height: auto;}
	.textarea99 {width: 100%; height: 60px; cursor: text;}
	.text222 {width: 100%; height: 30px; cursor: text;}
	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.img5 {padding-bottom: 0px; width: 50%; height: auto;}
	
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 20%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 20%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 33%; padding-top: 60px; float: left;}
	.columns00 {width: 33%; padding: 80px; float: left;}	
	.pricelarge {color: #fff; font-size: 55px; }
	
	body {
        background-color: #fff;
		margin: 0;
        padding: 0;
        font-size: 17px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 0.5px;
    }
	
	.services {font-size: 35px; padding-top: 60px;}
	.columns {width: 50%; float: left;}
	.hoc {max-width: 90%;}
	.content {width: 50%;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}	
	.headers2 {font-size: 22px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 22px; color: #0075B3; font-family: 'oswald';}
	.content22 { width: 33%; float: left; margin-top:50px; text-align: left;}
	.content2 { width: 33%; padding-right: 40px; float: left; padding-top: 55px; padding-bottom: 55px; text-align:right;}
	.content-margin {padding-bottom: 60px;}
	span {font-size: 16px; color: #000; font-family: 'Encode Sans Condensed', sans-serif;}
	.btn-width{width: 45%;}
	p {font-size: 17px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 14px;
	width: 25%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 14px;
		width: 25%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 12px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/* Rows */
.row {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	display: inline-block;
}
	/*Button*/
	
    .btn88 {
		color: #fff;
		margin-left: 20px;
		margin-top: -20px;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		color:#fff;
		margin-left: 20px;
		margin-top: -20px;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
	}
	
	.btn {
		color: #fff;
		margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 0px;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}
	
	
	.btn:hover {
		
		color: #fff;
		margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 0px;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 15%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}

}


/* iPhone 4 ----------- */	

@media only screen and (max-width : 320px) and (min-width: 200px){
	
	
		/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	body {
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 1px;
    }
	
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

  .topnav.responsive {position: fixed;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;}
	
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;}
	
	.floatright {
	float: left;
	display: block;
    color: #f2f2f2;
    text-align: left;
    padding: 14px 5px;
    text-decoration: none;
    font-size: 11px;
	vertical-align: bottom;
	}
	
	
	.button {float: left; width: 100%; margin-top: 0px; margin-bottom: 70px;}
	
	.marginminus {padding-bottom: -13px;}
	.textblock{display: block; color: #000; font-size: 12px; text-align: left;}
	.imgnew1 {width: 85%; height: auto; margin-left: auto; margin-right:auto;}
	.imgnew {width: 100%; height: auto; margin-left: auto; margin-right:auto;}
	.width {margin: 25px 0 20px 0; padding: 10px; float: left; width: 50%; text-align: center;}
	.hide{padding-left: 10px; padding-right: 10px;}
	.bodytext {font-size: 13px; color: #000;}
	.onethird {float: left; width: 100%; padding:15px 10px 15px 10px; text-align: left;}
	.onethirdweb {float: left; width: 100%; text-align: left; margin-top: 10px; padding:15px 10px 15px 10px;}
	.heading2 {font-size: 14px; color: #540000; display: block; margin-bottom: 25px; text-align:center; font-weight: 400; font-family: Roboto Condensed;}
	.fa-paint-brush {font-size: 16px; margin-top: -6px; padding-right: 11px; padding-right: 8px;}
	.fa-paint-brush {font-size: 13px; margin-top:-5px; margin-right: 8px;}
	.imgdivlogo {width: 100%; height: 64vh; background-size:cover; overflow: hidden; background-image: url("../images/logo_testmob2.jpg");}
	.imgdivweb {width: 100%; height: 57vh; text-align: center; background-size:cover; background-image: url('../images/test_mob2b.jpg'); margin-top: 50px;}
	h1 {font-size: 14px; color: #540000;float: none; display: inline-block; text-align: center; font-family: 'Oswald'; font-weight: 500;}
	h2 {float: left; font-size: 13px; text-align: center;}
	.heading {font-size: 30px; color: #540000;}
    .printprice {font-size: 14px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: center; font-family: Roboto Condensed;}
	.printprice-header {font-size: 13px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; font-family: Roboto Condensed;}
	.columns0{width: 100%; float: left; text-align: center; margin-right: 200px; margin-top: 10px; overflow: hidden;}
	.websites2 {padding-bottom: 0px; display: block; text-align: center; margin: auto;}
	.img99 {width: 55%; height: auto; text-align: center; top: -20; vertical-align: middle;}
	.img00 {width: 15%; height: auto; text-align: center; vertical-align: middle; padding-left: 10px;}
	.topnavdiv {padding-top: 0px; padding-bottom: 10px; float: right;}
	.hoc555{width: 90%; max-width:90%; padding-top: 17px; margin:auto; text-align: center; color: #fff; font-size: 12px;}
	.imgdiv {width: 100%; height: 240px; background-size:cover; background-image: url('../images/test_mob2.jpg')}
	.imgtt {max-width: 100%; height: auto;}
	.websites {color: #fff; font-size: 12px; text-align: left; }
	
	.content3 {width: 100%; text-align: center; margin-top: 35px;}
	
	.listmenu {font-size: 11px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 35px; padding-bottom: 55px;}
	.pricedetails{font-size: 13px; float: left; width: 100%; text-align: left; color: #000; font-weight: normal;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 25px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; color: #000;}
	.headinglogo {font-size: 14px; color: #540000; font-weight: 800; text-align: center; display: block; text-shadow: none none; padding-bottom: 15px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 100%;
        margin: auto;
        padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 11px;
		background-color: #eee;
		border-top: 1px solid #ccc;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button*/
	
    .btnmodal {
		color: #fff;
		margin-top: 30px;
		background-color: #7c0101;
        padding: 10px;
		font-size: 11px;
        width: 100%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		margin-top: 30px;
		background-color: #540000;
        padding: 10px;
		font-size: 11px;
        width: 100%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 45px; cursor: text;}
	.text222 {width: 100%; height: 25px; cursor: text;}
	
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns{width: 100%; float: left; padding: 30px;}
	.columns-center{font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	.pricelarge {color: #fff; font-size: 18px; }
	
	/* Responsive Navigation*/

    ul.secondary_header li:not(:first-child) {
        display: none;
    }

    ul.secondary_header li.icon {
        float: right;
        display: inline-block;
    }

    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */

    ul.secondary_header {
        position: relative;
        width: 90%;
    }

        ul.secondary_header.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        ul.secondary_header.responsive li {
            float: none;
            display: inline;
        }

            
	
	/* Style the links inside the list items */
        ul.secondary_header li a {
            display: block;
            text-align: left;
            padding: 12px 12px 12px 12px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 12px;
            font-weight: 900px;
            color: #000;
        }
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 0px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
		font-size: 12px;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 0px 0;
        padding: 0;
    }

    #topbar {
        text-align: center;
    }

        #topbar * {
            margin: 0;
        }

        #topbar ul {
            margin: 0 0 -1px 0;
            line-height: normal;
        }

            #topbar ul li {
                display: inline-block;
                margin-right: 0px;
            }

                #topbar ul li:last-child {
                    margin-right: 0;
                }
	.content2{text-align: center;}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	.hoc{ max-width:90%;}
	.img5 {width: 100%; height: auto; margin-top: 15px; margin-bottom: 0px; text-align: center;}
	.services {font-size: 20px; padding-top: 60px;}
	
	
	/*Button*/
	
    .btn88 {
		color: #fff;
		margin-top: 10px;
		background-color: #7c0101;
        padding: 10px;
		font-size: 11px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		color: #fff;
		margin-top: 10px;
		background-color: #540000;
        padding: 10px;
		font-size: 11px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
	}
	
    .btn {
		margin: 30px auto 50px auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		color: #fff;
	}
	
	.btn:hover {
		margin: 30px auto 50px auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		color: #fff;
	}
	
	span {font-size: 12px; color: #000; font-family: 'Encode Sans Condensed', sans-serif; text-align: center;}
	.btn-width {width: 90%; text-align: center; }
	.btn-contact {width: 80%; text-align: center; font-size: 11px;}
	.headers {font-size: 17px; color: #fff; font-family: 'oswald'; text-align: center;}	
	.headers2 {font-size: 15px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 15px; color: #0075B3; font-family: 'oswald';}
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 60%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;}
	
	.btn00 {
	width: 100%;}
	.btn00:hover {
		width: 100%;
    }
}

@media screen and (max-width : 900px) and (min-width: 751px){
	
*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	
	
	/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: inline-block;
    color: #f2f2f2;
    text-align: left;
    padding: 15px 8px;
    text-decoration: none;
    font-size: 13px;
}
	
	.floatright {
	right: 0;
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 12px;
    text-decoration: none;
    font-size: 12px;	
	}
	
	.fa-television {
	font-size: 16px;	
	}
	
	
	.hiddenflag {display: none;}
	.button {float: left; width: 100%; margin-top: 60px; margin-bottom: 60px;}
	#topbar{padding-top: 15px; padding-bottom: 15px;}
	.hide {font-size: 20px; padding-left: 15px; padding-right: 15px;}
	p {font-size: 14px; text-align: center;}
	.textblock {display: block; margin-left: 30px; margin-right: 30px; text-align: center; font-size: 14px; color: #000;}
	.imgnew {width: 93%; height: auto;}
	.imgnew1 {width: 80%; height: auto;}
	.width{width: 50%; height: 285px; float: left; text-align: center; margin: 50px 0 50px 0; border-top: 1px solid #540000; border-bottom: 1px solid #540000; padding: 40px;}
	.fa-paint-brush {font-size: 19px; margin-top: -10px; margin-right: 12px; text-shadow: 0px 0px 3px #540000; color: #540000;}
	.heading3 {font-size: 20px; color: #000; font-weight: 800; display: inline-block; margin-bottom: 0px; text-align: center; font-family: Roboto Condensed;}
	.heading2 {font-size: 24px; color: #540000; font-weight: 400; display: block; margin-bottom: 10px; text-align: center; font-family: Roboto Condensed;}
	.bodytext {font-size: 20px; color: #000; text-align: center;}
	.onethird {float: left; width: 100%; padding: 20px; margin: auto; text-align: center; padding-left: 100px; padding-right: 100px;}
	.fa-paint-brush {font-size: 25px;}
	.printprice {font-size: 24px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: center; font-family: Roboto Condensed;}
	.printprice-header {font-size: 14px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: center; font-family: Roboto Condensed;}
	.imgdivlogo {margin: auto; text-align: center; max-width: 100%; height: 70vh; background-size:cover; background-image: url('../images/logo_test.jpg');}
	.imgdivweb {max-width: 100%; height: 70vh; text-align: center; background-size:cover; background-image: url('../images/test_mob2.jpg'); margin-top: 50px;}
	h1 {font-size: 26px; color: #000; font-weight: 800; text-align: center; display: inline-block;}
	.heading {font-size: 42px; color: #540000; font-weight: 800; text-align: center;}
	.columns0{width: 100%; text-align: center; float: left; margin-top: 40px; }
	.websites2 {padding-bottom: 10px; display: block; text-align: center; margin: auto;}
	.topnavdiv {padding-top: 25px; padding-bottom: 25px; float: none;}
	.hoc555{width: 90%; max-width:90%; padding-top: 25px; padding-bottom: 25px; margin:auto; text-align: center; color: #fff;}
	.imgdiv {max-width: 100%; height: 560px; background-size:cover; background-image: url('../images/test_tab1.jpg');}
	.imgtt {max-width: 100%; height: auto;}
	.websites {color: #fff; font-size: 18px; text-align: left; }
	.content3 {width: 50%; text-align: center; margin-top: 35px; float: left;}
	.width100 {width: 100%; float: left; margin: auto; margin-bottom: 35px; text-align: center;}
	.img99 {width: 60%; height: auto; text-align: left; vertical-align: middle; float: none; }
	.img00 {width: 15%; height: auto; float: none; vertical-align: middle; padding-left: 10px;}
	.btn11 { width: 50%;}
	
	.margintop {margin-top: 75px;}
	.listmenu {font-size: 14px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 55px; padding-bottom: 55px;}
	.pricedetails{font-size: 16px; float: left; width: 100%; text-align: left;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 55px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 16px; color: #000;}
	.headinglogo {font-size: 28px; color: #540000; font-weight: 800; text-align: center; display: block; padding-bottom: 25px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 25%;
        margin: auto;
        padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 13px;
		background-color: #eee;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 50%; padding: 80px; float: left;}
	.columns-center {font-size: 19px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	.pricelarge {color: #fff; font-size: 30px; }
	
	.row0 {
    color: #797979;
    background-color: #F9F9F9;
    border-color: #D7D7D7;
}
	.services {font-size: 35px; padding-top: 60px;}
	.img5 {width: 50%; margin-bottom: 0px; text-align:center;}
	.columns {width: 100%; float: left;}
	
	/*Button*/

	.btn88 {
		color: #fff;
		margin-top: 20px;
		margin-bottom: 20px;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btn88:hover {
		color: #fff;
		margin-top: 20px;
		margin-bottom: 20px;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	
    /*Button*/

	.btn {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btn:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 30%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	.content22 {margin-bottom: 20px;}
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 70%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;
	}

	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 12px;
	width: 29%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 12px;
		width: 29%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 13px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	.content2 { width: 100%; padding-right: 0px; float: left; display: block; text-align: center;}
	.content { width: 50%; margin-bottom: 40px;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}	
	
	.headers {font-size: 25px; color: #fff; font-family: 'oswald';}
	
	span {font-size: 14px; color: #000; font-family: 'Encode Sans Condensed', sans-serif;}
	
	.content { width: 100%; padding-right: 15px; float: left;}
	
	.textinput {width: 75%; height: 35px; border-radius: 5px;}
	
	.pricelarge {color: #fff; font-size: 30px; }
	
	/*Responsive Navigation*/

    ul.secondary_header {
        width: 95%;
    }

        ul.secondary_header.responsive li a {
            font-size: 12px;
        }

    body {
        margin: 0;
        padding: 0;
        font-size: 14px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 0.2px;
    }


    /* Columns Radio Buttons*/

    .columnsRbtn {
        width: 49%;
        margin-bottom: 5px;
        padding: 15px;
        float: left;
        line-height: 12px;
    }

    /* CONTACT */

    .contact {
        width: 50%;
        padding-top: 30px;
        padding-left: 20px;
    }
	
    /* Columns50*/

    .columns50 {
        width: 100%; float: left; padding: 30px;
    }
	
	/* Columns3*/

    .columns3 {
        width: 50%;
        margin: auto;
        padding-top: 35px;
        float: left;
    }

    /* Columns2*/

    .columns2 {
        width: 33%;
        margin: 0px;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
        display: block;
    }

    /*ColumnsLogo*/

    .columnslogo {
        width: 50%;
        margin: auto;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    /* Columns555*/

    .columns555 {
        width: 100%;
    }

   

    /*ColumnsProduct555*/

    .columnsproduct555 {
        width: 43%;
        float: left;
        margin: auto;
        padding: 30px;
    }

    /*ColumnsProduct*/

    .columnsproduct {
        width: 57%;
        float: left;
        margin: auto;
        padding: 30px;
    }

    /* Columns888*/

    .columns888 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
    }

    /* ColumnsPrint*/

    .columnsprint {
        width: 33%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #ffffff;
    }

    /*ColumnsTop*/

    .columnstop {
        width: 50%;
    }

    /* Columns*/

    .columns {
        width: 100%;
        float: left;
    }

    .hoc {
        max-width: 95%;
    }

    

    .container {
    }

    #comments input[type="reset"] {
        margin-top: 10px;
    }

    .pagination li {
        display: inline-block;
        margin: 0 5px 5px 0;
    }

    #footer {
    }

    #copyright {
    }

        #copyright p:first-of-type {
            margin-bottom: 10px;
	}

	
/* H1 Fonts*/


/* big Fonts*/

.fontbig {
    font-size: 95px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* H2 Fonts*/

.fontmedium {
    font-size: 17px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}
}

/* Other Screens*/
@media screen and (max-width:650px) and (min-width:451px) and (orientation : landscape){
    
*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	
	
	/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: inline-block;
    color: #f2f2f2;
    text-align: left;
    padding: 14px 12px;
    text-decoration: none;
    font-size: 12px;
}
	
	_:-ms-lang(x), .topnav a { font-size: 11px; padding: 14px 8px;}
	
	.floatright {
	right: 0;
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 8px;
    text-decoration: none;
    font-size: 12px;	
	}
	
	.fa-television {
	font-size: 16px;	
	}
	
	#topbar{padding-top:10px; padding-bottom: 10px; margin-top: 0px;}
	p {font-size: 12px; color: #000; font-weight: 800; padding-top: 0px; margin-bottom: 0px; text-align: left;}
	.marginweb{margin-top: 25px;}
	.button {float: left; width: 100%; margin-top: 0px; margin-bottom: 70px;}
	.center{margin: auto; text-align: center;}
	.hide {font-size: 15px; padding-left: 9px; padding-right: 9px;}
	.marginminus {padding-bottom: -13px;}
	.textblock{display: block; color: #000; text-align: left;}
	.imgnew1 {width: 70%; height: auto;}
	.imgnew {width: 80%; height: auto;}
	.width {margin: 25px 0 20px 0; padding: 10px; float: left; width: 50%; text-align: center;}
	.bodytext {font-size: 13px; color: #000;}
	.onethird {float: left; width: 100%; text-align:left;}
	.onethirdweb {float: left; width: 100%; text-align: left; margin-top: 10px;}
	.hide {font-size: 16px; padding-left: 10px; padding-right: 10px;}
	.heading2 {font-size: 16px; color: #540000; display: block; margin-bottom: 25px; text-align:center; font-weight: 400; font-family: Roboto Condensed;}
	.fa-paint-brush {font-size: 18px; margin-top: -6px; padding-right: 11px;}
	.imgdivlogo {max-width: 100%; text-align: center; height: 85vh; background-size:cover; background-image: url('../images/logo_testmobile.jpg');}
	.imgdivweb {max-width: 100%; height: 85vh; text-align: center; background-size:cover; background-image: url('../images/test_mob2.jpg'); margin-top: 50px;}
	.printprice {font-size: 15px; color: #540000; font-weight: 800; display: inline-block; margin-top: 22px; text-align: left; font-family: Roboto Condensed;}
	.printprice-header {font-size: 12px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: left; font-family: Roboto Condensed;}
	h1 {font-size: 15px; color: #540000;float: none; display: inline-block; text-align: center; font-family: 'Oswald'; font-weight: 500;}
	h2 {float: left; font-size: 13px; text-align: center; color: #540000;}
	.heading {font-size: 35px; color: #540000; font-weight: 800; padding-top: 0px;}
	.columns0{width: 100%; text-align: center; margin-top: 20px; float: left;}
	.img99web {width: 70%; height: auto; text-align: center; margin-left: auto; margin-right: auto;}
	.img99 {width: 100%; height: auto; text-align: center; padding-top: 15px; padding-bottom: -15px;}
	.img00 {width: 15%; height: auto; text-align: center; vertical-align: middle; padding-left: 10px;}
	.hoc555{width: 90%; max-width:90%; padding-top: 25px; margin:auto; text-align: center; color: #fff;}
	.imgdiv {background-size:cover; background-image: url('../images/test_mob2.jpg')}
	.imgtt {max-width: 100%; height: auto;}
	.width100 {width: 100%; text-align: center; float: left; margin-top: -40px; margin-bottom: 35px;}
	.content3 {width: 100%; text-align: center; margin-top: 35px; float: left;}
	.websites {font-size: 14px;}
	
	.btn88 {
        color: #fff;
		margin: 10px auto 10px auto;
		background-color: #7c0101;
        padding: 10px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		color: #fff;
		margin: 10px auto 10px auto;
		background-color: #540000;
        padding: 10px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	
	.listmenu {font-size: 12px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 35px; padding-bottom: 55px;}
	.pricedetails{font-size: 12px; float: left; width: 100%; text-align: left; color: #000; font-weight: normal;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 45px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; color: #000;}
	.headinglogo {font-size: 14px; color: #540000; font-weight: 800; text-align: center; display: block; text-shadow: none none; padding-bottom: 20px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 100%;
        margin: auto;
        padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 13px;
		background-color: #eee;
		border-top: 1px solid #ccc;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 52%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 52%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 75%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 75%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.img99 {width: 80%; height: auto; text-align: center; margin-bottom: 30px; }
	.services {font-size: 25px; padding-top: 60px;}
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns-center {font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	.img5 {padding-bottom: 0px; }
	
	/*Button*/

    .btn {
        color: #fff;
		margin: 10px auto 10px auto;
		background-color: #7c0101;
        padding: 10px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		color: #fff;
		margin: 10px auto 10px auto;
		background-color: #540000;
        padding: 10px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	.pricelarge {color: #fff; font-size: 35px; }
	
	body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 1px;
    }
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

    #topbar {
        text-align: center;
    }

        #topbar * {
            margin: 0;
        }

        #topbar ul {
            margin: 0 0 10px 0;
            line-height: normal;
        }

            #topbar ul li {
                display: inline-block;
                margin-right: 0px;
            }

                #topbar ul li:last-child {
                    margin-right: 0;
                }
	
	.content2{text-align: center;}
	.headers {font-size: 23px; color: #fff; font-family: 'oswald';}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	span {font-size: 12px; color: #000; font-family: 'Encode Sans Condensed', sans-serif;}
	.hoc {
        max-width: 90%;
    }
	.scrollable {
        display: block;
        width: 100%;
        margin: 0 0 30px 0;
        padding: 0 0 15px 0;
        overflow: auto;
        overflow-x: scroll;
    }

        .scrollable table {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

    .inline li {
        display: block;
        margin-bottom: 10px;
    }

    .pushright li {
        margin-right: 0;
    }

    .font-x2 {
        font-size: 1.4rem;
    }

    .font-x3 {
        font-size: 1.6rem;
    }


    .columnsorder {
        width: 100%;
    }

    /* Columns2*/

    .columns2 {
        width: 100%;
        margin: 0px;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
        display: block;
    }

    /* Columns888*/

    .columns888 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
    }

    /* ColumnsPrint*/

    .columnsprint {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #ffffff;
    }

    /* Columns*/

    .columns {
        width: 100%;
        padding: 30px;
        float: left;
    }

    /*ColumnsTop*/

    .columnstop {
        width: 100%;
    }

    /* Columns555*/

    .columns555 {
        width: 100%;
    }
	
	  /* Columns50*/

    .columns50 {
        width: 100%;
    }

    /*ColumnsProduct555*/

    .columnsproduct555 {
        width: 100%;
    }

    /*ColumnsProduct*/

    .columnsproduct {
        width: 100%;
    }

    /* big Fonts*/

    .fontbig {
        font-size: 55px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }

    /* H2 Fonts*/

    .fontmedium {
        font-size: 17px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }


   
}


@media only screen and (max-width : 750px) and (min-width : 651px) and (orientation : landscape){

	*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	
	
	/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: inline-block;
    color: #f2f2f2;
    text-align: left;
    padding: 15px 8px;
    text-decoration: none;
    font-size: 12px;
}
	
	.floatright {
	right: 0;
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 12px;
    text-decoration: none;
    font-size: 12px;	
	}
	
	.fa-television {
	font-size: 16px;	
	}
	
	#topbar{padding-top:10px; padding-bottom: 10px; margin-top: 0px;}
	p {font-size: 35px; color: #540000; font-weight: 800; padding-top: 25px; margin-bottom: 15px;}
	.button {float: left; width: 100%; margin-top: 0px; margin-bottom: 70px;}
	.center{margin: auto; text-align: center;}
	.hide {font-size: 15px; padding-left: 9px; padding-right: 9px;}
	.marginminus {padding-bottom: -13px;}
	.textblock{display: block; color: #000; font-size: 13px;}
	.imgnew1 {width: 70%; height: auto;}
	.imgnew {width: 80%; height: auto;}
	.width {margin: 25px 0 20px 0; padding: 10px; float: left; width: 50%; text-align: center;}
	.bodytext {font-size: 15px; color: #000;}
	.onethird {float: left; width: 100%; padding:25px 50px 25px 50px; text-align:center;}
	.onethirdweb {float: left; width: 100%; text-align: justify; margin-top: 10px; padding:15px 10px 15px 10px;}
	.hide {font-size: 16px; padding-left: 10px; padding-right: 10px;}
	.heading2 {font-size: 16px; color: #540000; display: block; margin-bottom: 25px; text-align:center; font-weight: 400; font-family: Roboto Condensed;}
	.fa-paint-brush {font-size: 16px; margin-top: -6px; padding-right: 11px;}
	.imgdivweb {max-width: 100%; height: 87vh; text-align: center; background-size:cover; background-image: url('../images/test_mob2.jpg'); margin-top: 50px;}
	.imgdivlogo {max-width: 100%; text-align: center; height: 87vh; background-size:cover; background-image: url('../images/logo_testmobile.jpg');}
	.printprice {font-size: 16px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center; font-family: Roboto Condensed;}
	.printprice-header {font-size: 13px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: center; font-family: Roboto Condensed;}
	h1 {font-size: 17px; color: #540000;float: none; display: inline-block; text-align: center; font-family: 'Oswald'; font-weight: 500;}
	h2 {float: left; font-size: 13px; text-align: center; color: #540000;}
	.heading {font-size: 35px; color: #540000; font-weight: 800; padding-top: 0px;}
	.columns0{width: 100%; text-align: center; margin-top: 0px; float: left;}
	.img99 {width: 80%; height: auto; text-align: center; padding-top: 15px; padding-bottom: -15px;}
	.img00 {width: 15%; height: auto; text-align: center; vertical-align: middle; padding-left: 10px;}
	.hoc555{width: 90%; max-width:90%; padding-top: 25px; margin:auto; text-align: center; color: #fff;}
	.imgdiv {width: 100%; height: 250px; background-size:cover; background-image: url('../images/test_mob2.jpg')}
	.imgtt {max-width: 100%; height: auto;}
	.width100 {width: 100%; text-align: center; float: left; margin-top: -40px; margin-bottom: 35px;}
	.content3 {width: 100%; text-align: center; margin-top: 35px; float: left;}
	.websites {font-size: 14px;}
	
	.btn88 {
        color: #fff;
		margin: 20px auto 20px auto;
		background-color: #7c0101;
        padding: 10px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		color: #fff;
		margin: 20px auto 20px auto;
		background-color: #540000;
        padding: 10px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	
	.btn {
        color: #fff;
		margin: 20px auto 20px auto;
		background-color: #7c0101;
        padding: 10px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		color: #fff;
		margin: 20px auto 20px auto;
		background-color: #540000;
        padding: 10px;
		font-size: 12px;
        width: 35%;
        text-align: center;
		border-radius: 6px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.listmenu {font-size: 13px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 35px; padding-bottom: 55px;}
	.pricedetails{font-size: 14px; float: left; width: 100%; text-align: left; color: #000; font-weight: normal;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 45px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 14px; color: #000;}
	.headinglogo {font-size: 14px; color: #540000; font-weight: 800; text-align: center; display: block; text-shadow: none none; padding-bottom: 20px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 100%;
        margin: auto;
        padding-top: 9px;
		padding-bottom: 9px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 14px;
		background-color: #eee;
		border-top: 1px solid #ccc;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 70%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns{width: 100%; float: left;}
	.columns-center 	.columns-center {font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	body {
        margin: 0;
        padding: 0;
        font-size: 15px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 1px;
    }
	
	.content2 {text-align: center;}
	.img5 {width: 50%; height:auto;}
	.pricelarge {font-size: 45px;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	span {font-size: 13px; color: #000; font-family: 'Encode Sans Condensed', sans-serif;}
	.hoc {
        max-width: 90%;
    }
	.services {font-size: 30px; padding-top: 60px;}
	.content { width: 100%; float: left; margin-bottom: 40px;}
	
	.textinput {width: 75%; height: 28px; border-radius: 5px;}
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .fl_left, .fl_right {
        display: block;
        float: none;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

   


/*Radio Button*/

.sp-input-radio {
    font-size: 11px;
}

/* big Fonts*/

.fontbig {
    font-size: 55px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* H2 Fonts*/

.fontmedium {
    font-size: 17px;
    color: #840F00;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* Columns Radio Buttons*/

.columnsRbtn {
    width: 100%;
    margin-bottom: 5px;
    padding: 15px;
    float: left;
}

}


@media only screen and (max-width : 450px) and (min-width : 321px) {

*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

  .topnav.responsive {position: fixed;}
  .topnav.responsive a.icon {
    position: absolute;    
    top: 0;
    right: 0;
	}
	
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;}
	
	.floatright {
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 5px;
    text-decoration: none;
    font-size: 12px;	
	}

	
	.button {float: left; width: 100%; margin-top: 0px; margin-bottom: 70px;}
	.marginminus {padding-bottom: -13px;}
	.textblock{display: block; font-size: 13px; text-align: justify; width: 100%; }
	.imgnew1 {width: 100%; height: auto;}
	.imgnew {width: 100%; height: auto;}
	.width {margin: 25px 0 20px 0; padding: 10px; float: left; width: 50%; text-align: center;}
	.bodytext {font-size: 13px; color: #000;}
	.onethird {float: left; width: 100%; padding:15px 10px 15px 10px; text-align: justify; font-size: 12px;}
	.hide {font-size: 16px; padding-left: 10px; padding-right: 10px;}
	.onethirdweb {float: left; width: 100%; text-align: left; margin-top: 0px; padding:15px 10px 15px 10px;}
	.heading2 {font-size: 16px; color: #540000; display: block; margin-bottom: 25px; text-align:center; font-weight: 400; font-family: Roboto Condensed;}
	.fa-paint-brush {font-size: 15px; margin-top: -6px; padding-right: 10px;}
	.mobileimage {height: 60vh; max-height: 60vh; max-width: 100%;}
	.imgdivlogo {max-width: 100%; text-align: center; background-size:cover; background-image: url('../images/logo_testmob2.jpg'); margin-top: 50px;}
	_:-ms-lang(x), .selector {width: 100%; height: 425px; text-align:center; background-image: url('../images/logo_testmob2.jpg');}
	h1 {font-size: 18px; color: #540000;float: none; display: inline-block; text-align: center; font-family: 'Oswald'; font-weight: 500;}
	h2 {float: left; font-size: 13px; text-align: center; color: #540000;}
	.heading {font-size: 25px; color: #540000; font-weight: 800; padding-top: 0px; margin-bottom: -10px;}
	_:-ms-lang(x), .columns088 { margin-top: 250px;}
.columns0{font-size: 15px; color: #540000; width: 100%; float: left; text-align: center; display: inline-block; margin-right: auto; margin-left: auto; font-weight: 800; text-shadow: 0px 0px 6px #fff;}
	.printprice {font-size: 15px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: center; font-family: Roboto Condensed;}
	.printprice-header {font-size: 14px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: left; font-family: Roboto Condensed;}
	.img99 {width: 55%; height: auto; text-align: center; padding-top: 5px; padding-bottom: -15px;}
	.img00 {width: 15%; height: auto; text-align: center; vertical-align: middle; padding-left: 10px;}
	.hoc555{width: 90%; max-width:90%; padding-top: 15px; margin:auto; text-align: center; color: #fff;}
	.imgdiv {width: 100%; height: 250px; background-size:cover; background-image: url('../images/test_mob2.jpg')}
	.imgdivweb {max-width: 100%; height: 60vh; text-align: center; background-size:cover; background-image: url('../images/test_mob2.jpg'); margin-top: 50px;}
	.imgtt {max-width: 100%; height: auto;}
	.width100 {width: 100%; text-align: center; float: left; margin-top: -40px; margin-bottom: 35px;}
	.content3 {width: 100%; text-align: center; margin-top: 35px; float: left;}
	.websites {font-size: 14px;}
	.margintop {margin-top: 75px;}
	.websites2 {margin-bottom: 22px; margin-top: 15px; text-align: center;}
	
	/*Button*/
	
    .btn88 {
        color: #fff;
		margin: 10px auto 10px auto;
		background-color: #7c0101;
        padding: 10px;
		font-size: 11px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn88:hover {
		color: #fff;
		margin: 10px auto 10px auto;
		background-color: #540000;
        padding: 10px;
		font-size: 11px;
        width: 70%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.listmenu {font-size: 11px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 35px; padding-bottom: 55px;}
	.pricedetails{font-size: 13px; float: left; width: 100%; text-align: left; color: #000; font-weight: normal;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 25px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; color: #000;}
	.headinglogo {font-size: 14px; color: #540000; font-weight: 800; text-align: center; display: block; text-shadow: none none; padding-bottom: 15px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 100%;
        margin: auto;
        padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 11px;
		background-color: #eee;
		border-top: 1px solid #ccc;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 100%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 74%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 74%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 90%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 60px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 80%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	.columns001 {width: 100%; padding-top: 60px; float: left;}
	.columns00 {width: 100%; padding: 50px; float: left;}
	.columns{width: 100%; float: left;}
	.columns-center{font-size: 15px; width: 100%; text-align: center; float: left; margin-top: 30px; margin-bottom: 30px;}
	
	
	body {
        margin: 0;
        padding: 0;
        font-size: 12px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 1px;
    }
	
	.imgl, .imgr {
        display: inline-block;
        float: none;
        margin: 0 0 10px 0;
    }

    .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 30px 0;
        padding: 0;
    }

	.fl_left{
        display: block;
        float: none;
    }
	
	.fl_right {
        display: block;
        float: none;
    }
	
	.content2{text-align:center;}
	.content22 {margin-bottom: 20px;}
	.content1 { width: 100%; float: left; text-align:center; margin-top: 50px;}
	.hoc{ max-width:90%;}
	.services {font-size: 25px; padding-top: 60px;}
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 60%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;}
	.img5 {width: 65%; height: auto; margin-top: 0px; text-align: center;}
	
	
	
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 12px;
	width: 45%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 12px;
		width: 45%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 13px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/*Button*/

    .btn {
		color: #fff;
		margin: 40px auto auto auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width:55%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn:hover {
		color: #fff;
		margin: 40px auto auto auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 55%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.content {width: 50%; margin-bottom: 40px;}
	.content1 {text-align: center; margin-top: 28px;}
	
	.headers {font-size: 16px; color: #fff; font-family: 'oswald'; padding-top: 15px; padding-bottom: 15px;}
	span {font-size: 12px; color: #000; text-align: center; font-family: 'Encode Sans Condensed', sans-serif;}
	
	.btn99{
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  padding:15px 35px;
  border:1px solid #24C6DC;
  border-radius:50px;
  background:transparent;
  cursor:pointer;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:1.2em;
  color:#fff;
  -webkit-transition:.5s;
  transition:.5s;
}

.btn99:focus{
  outline:none;
}




.btn99:hover{
    -webkit-transform:scale(1.2);
  transform:scale(1.2);
  background:#24C6DC;
  -moz-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
-webkit-box-shadow: 0px 0px 20px rgba(56,56,56,.2);
box-shadow: 0px 0px 20px rgba(56,56,56,.2);
}
	
	.content { width: 100%; float: left;}
	
	.textinput {width: 75%; height: 28px; border-radius: 5px;}
	
	.pricelarge {color: #fff; font-size: 35px; }
	

    /* Columns Radio Buttons*/

    .columnsRbtn {
        width: 99%;
        margin-bottom: 5px;
        padding: 15px;
        float: left;
    }

    /*Radio Button*/

    .sp-input-radio {
        float: left;
        margin-top: 2px;
        margin-right: 10px;
        vertical-align: top;
    }

    /* CONTACT */

    .contact {
        width: 100%;
        padding-top: 10px;
        padding-left: 0px;
    }

    /* Columns3*/

    .columns3 {
        width: 100%;
        margin: auto;
        padding-top: 35px;
        float: left;
    }

    /* Columns2*/

    .columns2 {
        width: 100%;
        margin: 0px;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
        display: block;
    }

    /* Columns888*/

    .columns888 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
        border-top: solid 1px #bebebe;
    }

    /*ColumnsLogo*/

    .columnslogo {
        width: 100%;
        margin: auto;
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    /*ColumnsProduct555*/

    .columnsproduct555 {
        width: 100%;
        float: left;
        margin: auto;
        padding: 30px;
    }

    /*ColumnsProduct*/

    .columnsproduct {
        width: 100%;
        float: left;
        margin: auto;
        padding: 30px;
    }
	
	/* Columns50*/

    .columns50 {
        width: 100%; float: left; padding: 30px;
    }

    .columns555 {
        width: 100%;
        margin: auto;
        padding: 30px;
        float: left;
    }

    /* ColumnsPrint*/

    .columnsprint {
        width: 100%;
        padding: 30px;
        float: left;
        border-top: solid 1px #ffffff;
        margin: auto;
    }

    /*ColumnsTop*/

    .columnstop {
        width: 100%;
    }

    /* Columns*/


    /* H2 Fonts*/

    .fontmedium {
        font-size: 17px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }

    /* big Fonts*/

    .fontbig {
        font-size: 55px;
        color: #840F00;
        font-weight: 400;
        font-family: Georgia, "Times New Roman", Times, serif;
    }

}


@media screen and (min-width : 901px) and (max-width: 1200px){
	
*, *::before, *::after {
    transition: all .3s ease-in-out;
}
	
	
	
	
	/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: inline-block;
    color: #f2f2f2;
    text-align: left;
    padding: 15px 8px;
    text-decoration: none;
    font-size: 13px;
}
	
	.floatright {
	right: 0;
	float: right;
	display: block;
    color: #f2f2f2;
    text-align: right;
    padding: 14px 12px;
    text-decoration: none;
    font-size: 12px;	
	}
	
	.fa-television {
	font-size: 16px;	
	}
	
	
	.button {float: left; width: 100%; margin-top: 0px; margin-bottom: 70px;}
	.hide {font-size: 20px; padding-left: 15px; padding-right: 15px; display:none;}
	.border1 {border-top: 1px solid #540000;}
	.imgnew1 {width: 80%; height: auto; text-align: center;}
	.width{width: 33%; float: left; margin-top: 70px; padding: 20px; text-align: center;}
	.textblock{display: block; font-size: 14px;}
	.imgnew {width: 100%; height: auto; text-align: center;}
	.bodytext {font-size: 14px; color: #000;}
	.fa-paint-brush {font-size: 30px; margin-top: -10px; margin-right: 20px;}
	.heading2 {font-size: 15px; color: #540000; font-weight: 400; display: block; margin-bottom: 20px; font-family: Roboto Condensed;}
	.bodytext {font-size: 14px; color: #000;}
	.onethird {float: left; width: 33%; padding: 30px 25px 30px 25px; text-align: justify;}
	.fa-paint-brush {font-size: 25px;}
	.imgdivlogo {max-width: 100%; height: 77vh; background-size:cover; background-image: url('../images/logo_testsmall.jpg');}
	.imgdivweb {max-width: 100%; height: 77vh; text-align: center; background-size:cover; background-image: url('../images/test_mob2.jpg'); margin-top: 50px;}
	h1 {font-size: 30px; color: #fff; font-weight: 800; text-shadow: 0px 0px 3px #540000;}
	.heading {font-size: 35px; color: #540000; font-weight: 800; text-align: left;}
	.columns0{width: 100%; float: left; text-align: center; margin-right: 0px; margin-top: 0px; overflow: hidden;}
	.heading3 {font-size: 20px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px; text-align: center; font-family: Roboto Condensed;}
	.printprice {font-size: 24px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 22px; text-align: center; font-family: Roboto Condensed;}
	.printprice-header {font-size: 14px; color: #540000; font-weight: 800; display: inline-block; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: left; font-family: Roboto Condensed;}
	.img99 {width: 75%; height: auto; text-align: center;}
	.img00 {width: 15%; height: auto; text-align: center; vertical-align: middle; padding-left: 15px;}
	.topnavdiv {padding-top: 25px; padding-bottom: 25px; float: right;}
	.hoc555{width: 90%; max-width:90%; padding-top: 0px; margin: auto; color: #fff; text-align: center;}
	.imgdiv {max-width: 100%; height: 400px; background-size:cover; background-image: url('../images/test.jpg');}
	.imgtt {max-width: 100%; height: auto;}
	.width100 {width: 100%; text-align: center; margin-top: -30px; margin-bottom: 50px; float: left;}
	.content3 {width: 50%; text-align: center; margin-top: 20px; float: left;}
	.imgdown {vertical-align: middle; margin-top: 90px;}
	.margintop {margin-top: 75px;}
	.listmenu {font-size: 15px;}
	.nextext{width: 100%; text-align: center; margin-left: auto; margin-right: auto; padding-top: 55px; padding-bottom: 55px;}
	.pricedetails{font-size: 16px; float: left; width: 100%; text-align: left;}
	.columnslogo1 {
        width: 90%;
        float: none;
		text-align: center;
		margin-top: 55px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	.textblocklogo {display: block; margin-left: auto; margin-right: auto; text-align: center; font-size: 16px; color: #000;}
	.headinglogo {font-size: 28px; color: #540000; font-weight: 800; text-align: center; display: block; text-shadow: none none; padding-bottom: 25px;}
	
	/* ColumnsOrder*/

    .columnsorder {
        width: 25%;
        margin: auto;
        padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
        float: left;
        font-size: 13px;
		background-color: #eee;
		font-family: "Roboto Condensed";
    }
	
	/*Buttonlogo*/

	.btnlogo {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600; margin:auto;
		letter-spacing: 1px;
	}
	
	.btnlogo:hover {
		color: #fff;	
		margin-left: auto;
		margin-right: auto;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 50%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	
	/*Button*/

    .btnwidth {
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnwidth:hover {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 40%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}

	
	/*Button Modal*/

    .btnmodal {
		color: #fff;
		background-color: #0075b3;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btnmodal:hover {
		color: #fff;
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 60%;
        text-align: center;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.textarea99 {width: 100%; height: 40px; border-radius: 5px; cursor: text;}
	.text222 {width: 100%; height: 30px; border-radius: 5px; cursor: text;}
	.btn22 {
		background-color: #01659a;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	.btn22:hover {
		background-color:#042C4A;
        padding: 12px;
		font-size: 12px;
        width: 53%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: block;
		text-transform:uppercase;
	}
	
	ul.secondary_header {
        width: 95%;
    }

        ul.secondary_header.responsive li a {
            font-size: 12px;
        }
	
	body {
        margin: 0;
        padding: 0;
        font-size: 14px;
		-webkit-text-size-adjust: none;
		font-family: 'Encode Sans Condensed', sans-serif;
		color: #000;
		letter-spacing: 1px;
    }
	
	.columns001 {width: 33%; padding-top: 60px; float: left;}
	.columns00 {width: 33%; padding: 30px; float: left;}
	.pricelarge {color: #fff; font-size: 30px; }
	.services {font-size: 35px; padding-top: 60px;}
	.columns {width: 50%; float: left;}
	.columns-center {width: 100%; text-align: center; margin-bottom: 20px; margin-top: 20px;}
	.hoc {max-width: 90%;}
	.content {width: 50%;}
	.headers {font-size: 26px; color: #fff; font-family: 'oswald';}	
	.headers2 {font-size: 22px; color: #fff; font-family: 'oswald';}
	.headers3 {font-size: 22px; color: #0075B3; font-family: 'oswald';}
	.content22 { width: 25%; float: left; margin-top:40px; text-align: center;}
	.content2 { width: 50%; padding-right: 40px; float: left; display: block; padding-top: 55px; padding-bottom: 55px; text-align: right;}
	.content-margin {padding-bottom: 60px;}
	span {font-size: 14px; color: #000; font-family: 'Encode Sans Condensed', sans-serif;}
	.btn-width{width: 45%;}
	.img5 {width: 50%; height: auto;}
	p {font-size: 15px;}
	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 14px;
	width: 25%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 14px;
		width: 25%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 12px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
	
	/* Rows */
.row {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	display: inline-block;
}
	
	/*Button*/
	
    .btn88 {
		color: #fff;
		margin-left: 10px;
		margin-top: 20px;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 21%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
		font-weight:600;
	}
	
	.btn88:hover {
		color: #fff;
		margin-left: 10px;
		margin-top: 20px;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 21%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		display: inline-block;
		text-transform:uppercase;
		font-weight:600;
	}
	
	.btn {
		color: #fff;
		margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 0px;
		background-color: #7c0101;
        padding: 12px;
		font-size: 12px;
        width: 18%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}
	
	.btn:hover {
		
		color: #fff;
		margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 00px;
		background-color: #540000;
        padding: 12px;
		font-size: 12px;
        width: 18%;
        text-align: center;
		border-radius: 5px;
		cursor: pointer;
		-webkit-appearance: none;
		font-family: 'arial';
		text-transform:uppercase;
	}
	
	#topbar ul {
            margin: 0 0 0px 0;
            line-height: normal;
        }
	
	.btn999 {
    background-color: #0075b3;
    font-size: 12px;
    width: 70%;
    text-align: center;
	-webkit-appearance: none;
	padding:12px 12px 12px 12px;
	text-transform:uppercase;
	border:1px solid;
	box-shadow: 1px 1px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 3px;
	cursor: pointer;
	}

	.btn00 {
    color: #FFFFFF;
    background-color: #0075b3;
	padding: 12px;
	width: 37%;
	box-shadow: 0px 0px 1px #3b3b3b;
    border-color: #FFF;
	border-radius: 5px;
	cursor: pointer;
	font-size: 13px;
	font-family: 'arial';	
	-webkit-appearance: none;
	display:block;
		}
	.btn00:hover {
        color: #ffffff;
		padding: 12px;
		width: 37%;
        background-color: #01659a;
        border-color: #000;
		border-radius: 5px;
		cursor: pointer;
		font-size: 13px; 
		font-family: 'arial';
		-webkit-appearance: none;
		display: block;
    }
}