html,body                   { min-height: 100%;  }
body 						{ background-color: #e9eae8; color:  #18453d; font-family: 'Inter', sans-serif; font-size: 14px; overflow-x: hidden;  }

a 							{ color: #1a355a; text-decoration: none; }
a:hover, a:active			{ color: #1a355a; text-decoration: none; }

.relativer                  { position: relative}
	
h1,h2,h3    				{ font-family: 'Frank Ruhl Libre', sans-serif; font-weight: bold; padding-bottom: 4px; color: #18453d; }
h1 			    			{ font-size: 3.4rem; color: #18453d; text-transform:  uppercase; padding-left: 0px; margin-left: 0px; padding-bottom: 0px; font-weight: 500;}
h2          				{ font-weight: 400; font-size: 2rem; line-height: 1.4;  }
h3          				{ font-size: 1rem; font-weight: 500; letter-spacing: 1px; }
h4          				{ font-family: 'Frank Ruhl Libre', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; }

img        					{ max-width: 100%; }

p     	    				{ font-family: 'Inter', sans-serif; font-weight: 300; line-height: 2; font-size: 1em; color: #18453d; margin-bottom: 1.5rem; font-weight: 400; }
p strong    				{ font-weight: 700; font-size: 1em; }
li          				{ font-family: 'Inter', sans-serif; font-weight: 300; line-height: 2; font-size: 1em; color: #18453d;}

.mgauto { margin: 0 auto }


::-webkit-input-placeholder { color: #18453d; font-weight: 500; }
:-ms-input-placeholder      { color: #18453d; font-weight: 500; }
::placeholder               { color: #18453d; font-weight: 500; }


.mobile { display: none }

@media screen and (min-width: 2000px) {
   
}

@media screen and (min-width: 1921px) {
    
}



@media (max-width: 1440px) {
   
}

@media (max-width: 1024px) {

}


@media (min-width: 1200px) {
    .container { max-width: 1200px; }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
   
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
}

@media screen and (max-width: 767px) {

    .mobile { display: block; }

    
}


/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 6, 6s, 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { }

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { 
   
}

/* iphone XR */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation: landscape) { 
   
}

/* iphone XS */
@media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation: landscape) { 
    
}

/* iphone XS Max */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation: landscape) { 

   

}


/* iphone XR */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation: portrait) { 
   
}

/* iphone XS */
@media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation: portrait) { 
   
}

/* iphone XS Max */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation: portrait) { 

   

}