*{margin:0; padding:0; font-size: 100%;}
body{text-align: center; font-family: "Museo Sans"; background:url(../i/bg-blur.jpg) center no-repeat; background-size: cover; color:#f9f9f9; -webkit-font-smoothing: antialiased!important; font-smoothing: antialiased; height:100%;}
.container{width:80%; margin:0 auto; text-align: left;}

img{max-width:100%;}

header{float:left; width:100%; text-align:center; background: rgba(0,0,0,0.3); padding:15px 0; margin:0 0 75px 0;}
header img{float:left;}
.vcard{float:right;}
.vcard span{margin-right: 20px;}
.vcard span:last-child{margin-right: 0;}

.mast{width:55%; margin:0; float:left;}

.content{width:55%; margin:0; float:left; clear: left;}
.testimonial{width:35%; margin:50px 5% 50px 0; float:left;}
.testimonial img{float:left; margin:0 10px 10px 0;}
.testimonial p{text-align: right;}
.testimonial p.quote{font-family: Georgia, serif; font-style: italic; margin-bottom: 10px;}
.arrow{width:15%; margin:0 0 50px 75px; float:left; text-align:right;}

.cta{float:right; width:35%; padding:2.5%; margin:0; background: #fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.7);}
form label{color:#4d4d4d;}
form .btn{background-color:#ff6600; border-color:#ff6600; color:#fff; width: 100%; padding:20px 2%; text-align: center;}
form .btn:hover{background-color:#008080; border-color:#008080;}
form .btn-lg{font-size: 1.8em;}

.customers{float:right; width:35%; text-align: center; margin:5% 0 0 0;}
.customers ul{list-style-type: none;}
.customers ul li{float:left; width:40%; margin:5%;}

footer{float:left; width:100%; text-align:center; background: rgba(0,0,0,0.3); padding: 10px 0; margin:75px 0 0 0;}
footer img{float:left; margin:0;}



/*TYPOGRAPHY*/
p,h1,h2,h3,ul{margin: 0 0 2em 0;}
p,ul,ol{font-size: 1.3em;}

h1{font-size: 3em; margin: 0 0 1em 0; line-height: 1.1em;}
h2{font-size: 2em; margin: 0 0 1em 0; line-height: 1.1em;}
h3{font-size: 1.5em; margin: 0 0 1em 0; line-height: 1.1em;}
.mast p{font-size: 1.5em; margin-bottom: 0;}

.testimonial p, .arrow p{margin-bottom: 0;}

ul.tick{list-style-type: none; font-size: 1.25em;}
ul.tick li{margin-bottom: 7.5px; background: url(../i/tick.png) 0 7.5px no-repeat; padding-left: 30px;}

.cta h2{margin-bottom: 1em; color:#ff6600; font-size: 1.4em; line-height: 1.2em;}

header p{float:left; color:#fff; font-size: 1em; margin:0;}
footer p{float:left; color:#fff; font-size: 1em; margin:0 20px 0 0;}


/*=============TABLETS - PORTRAIT ==========*/
@media only screen and (min-width: 569px) and (max-width: 959px) {
body{text-align: center;}
.container{width:70%; margin:0 15%; text-align: center; float:left;}
header{margin:0 0 75px 0;}
.mast{width:100%; margin:0 auto 75px auto; text-align: center; float: none;}
.mast h1{margin-bottom: 20px;}
.content{width:100%; margin:0 auto; text-align: center; float: none; text-align:left; clear:left;}
.testimonial{width:55%; margin:0 10% 50px 0; float:left;}
.arrow{width:35%; margin:-50px 0 0 0; float:left; text-align: right; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.cta{width:100%; padding:5%; margin:0 auto 75px auto; float: none; text-align: left;}
.customers{width:100%; text-align: left;}
.customers ul li{width:24%; margin:0 1% 1% 0;}
footer{margin:75px 0 0 0; text-align: center;}
}

/*=============PHONES==========*/
@media only screen and (max-width: 568px) {
body{text-align: center;}
.container{width:90%; margin:0 5%; text-align: center; float:left;}
header{margin:0 0 50px 0; text-align: center;}
header .container{text-align: center;}
header img{margin:0 auto 15px auto; float: none;}
header .vcard{clear: left; margin: auto; float: none;}
header .vcard p{text-align: center; width:100%;}
.mast{width:100%; margin:0 auto 50px auto; text-align: center; float: none;}
.mast h1{margin-bottom: 20px;}
.content{width:100%; margin:0 auto; text-align: center; float: none; text-align:left; clear:left;}
.testimonial{width:100%; margin:0 10% 50px 0; float:left;}
.arrow{display:none;}
.cta{width:100%; padding:5%; margin:0 auto 50px auto; float: none; text-align: left;}
.customers{width:100%; text-align: left;}
.customers ul li{width:24%; margin:0 1% 1% 0;}
footer{margin:50px 0 0 0; text-align: center;}
}