/*Fonts Used*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: 100%;}

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
/* end reset */
 
/*preset*/
body{font-size: 15px; line-height: 22px; font-family: 'Heebo', sans-serif; color:#333;}
a{ text-decoration:none; }
img{max-width: 100%;}
textarea { resize:vertical; }
iframe{ border: none; width: 100%;}
ul, h1, h2, h3, h4{ margin:0; padding:0; list-style:none; }
strong , b{ font-weight: bold;}
em, i{font-style: italic;}
input[type="submit"]{cursor: pointer;}
a[href^="tel:"]{color: inherit!important; text-decoration: none;}

.clearfix:before, .clearfix:after { content:""; display: table; clear: both; }
.clearfix {clear: both; overflow: hidden;}

.wrapper{ width:100%; max-width:1450px; margin:0 auto; position:relative;}


/* Intro Style */
#landing-main{ background: url(../images/bg.png) no-repeat center top #3A68A4; min-height: 980px; }

.logo-cont{ display: block; margin: 15px auto 0; text-align: center; }
.logo-cont h2{font-size: 27px; line-height: 100%; margin: 25px 0; font-family: "Roboto"; font-weight: 500; color: #fff;}

.intro-5{ width: 340px; display: inline-block; border: 5px solid #264772; padding: 6px 4px; margin: 0px 3px 20px; vertical-align: top; max-width: 100%;}
.intro-4{ border: 1px solid #fffe80; padding: 6px 4px; }
.intro-3{ background: rgb(17,35,57); padding-bottom: 12px; }
.intro-2{ position: relative; text-align: center;}
.intro-1 h2 { color: #fffe80; font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 700; text-align: center; line-height: 26px; position: relative; }
.intro-1 h2:after{ content: ""; position: absolute; border-bottom: 1px solid #13253b; width: 100%; left: 0; bottom: -12px; opacity: 0.4; }
.intro-1 h2 span{ display: block; }

.intro-1 p{ line-height: 24px; }
.intro-1 a:hover{ text-decoration: underline; }
.intro-1 p, .intro-1 a{ font-family: 'Roboto', sans-serif; color: #fff; text-align: center; font-weight: 200; font-size: 15px; }

.intro-1{ padding: 25px 8px 12px; }
.intro-1 > div{ margin-top: 25px; min-height: 120px; }

.intro-2 > a{ display: block; color: #333333; font-family: 'Roboto', sans-serif; background: #fffac4; font-size: 26px; padding: 14px; font-weight: 500; margin: -6px 6px; width: 96%; max-width: 100%;}
.intro-2 > a:hover{ color: #fff; background: #203856; }

.intro-box-container{ margin-top: 72px; text-align: center; }

.intro-footer{ background: url(../images/bg-footer.png) no-repeat center top; height: 236px; }
.intro-footer > div, .intro-footer > div a{ color: #fff; font-family: 'Roboto', sans-serif; font-size: 20px; }
.intro-footer > div{ padding-top: 185px; text-align: center; }
.section {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

.mom-dad h1 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    margin-top: 30px;
    font-family: 'Playfair Display', serif;
}


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

	.intro-footer{ background: #264772; height: auto; }
	.intro-footer > div{ padding: 25px; }


}

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

	.intro-5{ margin: 0 auto 20px; }
	.mom-dad h1 {
    font-size: 27px!important;}
	}

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

	.intro-2 > a{ margin: -6px auto; width: 100%; }
}