* {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

*,
*:after,
*:before {
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    margin: 0;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: -0.005em;
}



header {
    background: url('images/cover.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 60% center;
}

header .container {
    height: 40vh;
    min-height: 250px;
}

header [class*="col"] {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

header p {
    font-size: 4em;
    font-weight: 200;
    line-height: 1.2em;
    color: #fff;
    padding: 0.25em 0 0.25em 0.5em;
}

header p:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009bde+33,8bdc65+33,8bdc65+33,8bdc65+66,ffb819+66 */
    background: #009bde;
    /* Old browsers */
    background: -moz-linear-gradient(top, #009bde 33%, #8bdc65 33%, #8bdc65 33%, #8bdc65 66%, #ffb819 66%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #009bde 33%, #8bdc65 33%, #8bdc65 33%, #8bdc65 66%, #ffb819 66%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #009bde 33%, #8bdc65 33%, #8bdc65 33%, #8bdc65 66%, #ffb819 66%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#009bde', endColorstr='#ffb819', GradientType=0);
    /* IE6-9 */
}

main {
    height: 20vh;
    min-height: 145px;
    font-size: 0;
}

main .container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

main [class*="col"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

main a img {
    max-width: 300px;
    display: block;
    margin: 0 auto;
    font-size: 110px;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media screen and (min-width:721px) {
	main a:hover img {
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

footer {
    background: #ECEFF1;
}

footer p {
    font-size: 0.6em;
    padding: 0 25px;
    margin: 0;
    color: #6d7274;
}

footer p span {
    float: right;
}

img[src*="prosites"] {
    max-width: 2.6em;
}

img[src*="cpass"] {
    max-width: 3.8em;
}

img[src*="practice-mojo"] {
    max-width: 2.8em;
}

a,
a:visited {
    text-decoration: none;
}

h1,
h2,
h3,
h4 {
    font-weight: 900;
    line-height: 1.1em;
    margin: 0 0 1em 0;
    text-transform: uppercase;
    border: none!important;
}

h1 {
    font-size: 1.8em;
    display: block;
    letter-spacing: 0.04em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.3em;
}

h4 {
    font-size: 1.2em;
}

a {
    cursor: pointer;
}

.container {
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
}

.ps-row {
    width: 100%;
    padding: 75px 0;
}

.ps-row:after,
.container:after {
    content: "";
    display: table;
    clear: both;
}

[class*='ps-col-'] {
    float: left;
    padding: 0 25px;
}

[class*='ps-col-1'] {
    width: 8.33%;
}

[class*='ps-col-2'] {
    width: 16.66%;
}

[class*='ps-col-3'] {
    width: 25%;
}

[class*='ps-col-4'] {
    width: 33.33%;
}

[class*='ps-col-5'] {
    width: 41.66%;
}

[class*='ps-col-6'] {
    width: 50%;
}

[class*='ps-col-7'] {
    width: 58.33%;
}

[class*='ps-col-8'] {
    width: 66.66%;
}

[class*='ps-col-9'] {
    width: 75%;
}

[class*='ps-col-10'] {
    width: 83.33%;
}

[class*='ps-col-11'] {
    width: 91.66%;
}

[class*='ps-col-12'] {
    width: 100%;
}

[class*="-off-1"] {
    margin-left: 8.33%;
}

[class*="-off-2"] {
    margin-left: 16.66%;
}

[class*="-off-3"] {
    margin-left: 25%;
}

[class*="-off-4"] {
    margin-left: 33.33%;
}

[class*="-off-5"] {
    margin-left: 41.66%;
}

@media screen and (min-width:1600px) {
    .container {
        max-width: 1420px;
    }
}

@media screen and (max-width:1600px) {
    .container {
        max-width: 1420px;
    }
}

@media screen and (max-width:1440px) {
    .container {
        max-width: 1200px;
    }
}

@media screen and (max-width:1280px) {
    .container {
        max-width: 1100px;
    }
    header p {
        font-size: 3.5em;
    }
}

@media screen and (max-width:1120px) {
    .container {
        max-width: 950px;
    }
}

@media screen and (max-width:960px) {
    .container {
        max-width: 800px;
    }
    body {
        font-size: 18px;
    }
}

@media screen and (max-width:840px) {
    .container {
        padding: 0;
        max-width: 700px;
    }
}

@media screen and (max-width:720px) {
    .container {
        max-width: 580px;
    }
    .container > [class*='ps-col-']:nth-last-of-type(1):after {
        display: none!important;
    }
    [class*='ps-col-'] {
        padding: 10px;
        width: 100%;
    }
    [class*='ps-col-'] ~ [class*='ps-col-'] {
        padding-top: 20px;
    }
    header .container {
        height: 500px;
    }
    header p {
        font-size: 2.8em;
    }
    main .container {
        padding: 25px 50px;
        position: relative;
        left: initial;
        top: initial;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;
    }
    main {
        height: auto;
    }
    main a img {
        font-size: 80px;
    }
}

@media screen and (max-width:600px) {
    header .container {
        height: 400px;
    }
    header p {
        font-size: 2.3em;
    }
    .container {
        max-width: 460px;
    }
    main .container {
        padding: 25px;
    }
}

@media screen and (max-width:480px) {
    header p {
        font-size: 2em;
    }
}

@media screen and (max-width:380px) {
    header p {
        font-size: 1.8em;
    }
}

@media screen and (max-height:762px){
	footer{
		margin-top:50px;
	}
}

.mktoButtonRow {
	display:block !important;
	
	text-align:right !important;
}

.mktoButton{
	margin-right:37px !important;
}

.form {
	margin-bottom:20vh;
    height:15vh;
	text-align:center;
	max-width:900px;
}