/* @import url('http://example.com/example_style.css'); */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/**** FONT ****/

h1 { font-size: 8vw; }
h2 { font-size: 4vw; }
.footer-label { font-weight: 800; }

/* paragraph type */

/* Fluid value from 568px to 768px viewport width */
@media screen and (min-width: 568px) {
  p { font-size: calc(18px + 16 * ((100vw - 568px) / (768 - 568)); }
}

/* Fixed maximum value above the maximum breakpoint */
@media screen and (min-width: 768px) {
  p { font-size: 2vw; }
}

/**** HORIZONTAL LINE ****/

/**** IMAGES ****/
.services-home-img { margin-bottom: -100px; }

/**** BUTTONS ****/

.btnPrimary { background-color: #3574E3!important; color: white !important; }
.btnPrimary:hover { background-color: transparent!important; color: #3574E3!important; border: 2px solid #3574E3!important; }
.btn-tertiary:hover { color: white !important; }

.tab-button { background-color: orange; border-radius:25px 0 0 0; } 
.tab-button:hover { background-color: red; }

.cta-primary_upperText { color: white; font-weight: 700; font-size: 8pt; }

.cta-primary_arrow { text-align: right; align-items: right; align-self: right; padding-left: 5em; }

/**** TRANSFORMS ****/
.rotate90 { position: absolute; transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need... */ /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.topLeft { transform: scale(0.5) translate(-100%, -100%); position: absolute; z-index: -1; }

/* Card display text */
.card-link { box-shadow: inset 0em -.4em #84BD00; } 
.card-link:hover { color:  #ff4500; }