body, html {
    background-color:#ffffff;
}

.tri {
    max-width:1200px;
    padding:0 120px;
}

.constraint {
    max-width:400px;
}

header {
    border-top:4px solid #008cbf}

.tri .tri { padding:0; }

.cta__brand, 
.wpcf7-form input[type="submit"] { 
    background:#005e80; 
}

.cta__brand:hover, 
.wpcf7-form input[type="submit"]:hover { 
    background:#002244; 
}

.cta__alt{ background:#008cbf; }
.cta__alt:hover { background:#005083; }
.cta__extra{ background:#77d000; }
.cta__extra:hover { background:#3b9400; }

.txt__brand { color:#005e80 !important; }
.txt__alt { color:#008cbf !important; }
.txt__extra { color:#77d000 !important; }

.bg__brand { background-color:#005e80 !important; }
.bg__alt { background-color:#008cbf !important; }
.bg__extra { background-color:#77d000 !important; }

blockquote {
    border-left: 10px solid #008cbf;
} 

nav {
}

.fullheight {
    min-height:calc(100vh - px);
}

/** 
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .fullheight {
    min-height: 894px;
  }
}

/** 
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .fullheight {
    min-height: 656px;
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  .fullheight {
    min-height: 370px;
  }
}

@media screen and (max-width:47.938em) {
    /* Mobile Styles */
    .tri {
        padding:0;
    }
}