@import url('https://fonts.googleapis.com/css2?family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lavishly+Yours&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
/* Here you can start styling. ^_^*/

body {background-color:#226484;}

a {color: #ACE3E3;}

.mainimg {
	padding:20px;
}
header {
	background-color:rgba(155,155,155,0.8);
	padding-bottom: 1em;
}

header nav {
	background-color:rgba(62,79,93,1.00);
}

h1 {font-family:"Lavishly Yours", cursive;
text-align:center;
font-size:600%;
	border-bottom: 2px #0C4661 solid;
	padding-top:0.15em;
	margin:0 auto;
	margin-bottom:0.5em;
	width: 50%;
color:#0C4661;
position:relative;
	top:10px;}

h2 {text-align:center;
	padding-bottom:1em;
font-size:200%;
color:#ACE3E3;
font-family: "Great Vibes", cursive;}


#stwo {
	padding-top:4rem;
	min-height: 50vh;}

#stwo ul {font-size:1.5em;
color:#ACE3E3;
padding:1em;
}

#sthree {
	padding-top:4rem;
	min-height: 50vh;}

#sfour {
	padding-top:4rem;
	min-height: 75vh;}

#sfour p {font-size: 100%;}

nav ul {
	text-align:center;}

nav li {
	font-size: 1.5em;
	display:inline-block;
	background-color:#0C4661;
	border:5px solid #6cb9b9;
	padding:15px 25px 15px 25px;
	margin:50px 10px 50px 50px;
	border-radius: 30px;}
nav a {
	color:#ACE3E3;
	text-decoration: none;}

footer {
	padding:20px;
	background-color:rgba(62,79,93,1.00);
	color: #ACE3E3;
	text-align: center;}

.insta {
	padding-top: 50px;
	width:200px;
	display:block;
	margin:0 auto;}
form {text-align: center;}

label {color:#ACE3E3;
font-weight: 500;
display:block;}

input, textarea {
	color:#ACE3E3;
	border-color: #0C4661;
	border-width: 0.25em;
	display:block;
	margin:0 auto;
	width:75%;
	margin-bottom:40px;
padding:10px;}

button[type="submit"] {color:#ACE3E3;
	border-color: #0C4661;
	border-width: 0.25em;
	background-color:#0C4661;}

button[type="submit"] hover {}


/*NO TOUCHY*/
.boxy {
	position:relative;}

.overlay {
	position: absolute;
	 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:100%;}


.exclick {
	color:white;
	text-align: center;
	}

.bcar{
	text-align: center;
}

.bport {
	text-align: center;
	}

.bnature {text-align: center;
	}

.row {
	margin-top:20px;
}


@media (max-width:1200px) {
    
    header, nav, nav ul {margin:0;padding:0;}
    
    nav li {
        font-size:0.8em;
        border:none;
        display:block;
        border-bottom:4px solid #6cb9b9;
        padding:8px 15px 8px 15px;
        margin:0;
        border-radius:0;
    }
    
    nav li:nth-of-type(1) {
        border-top:4px solid #6cb9b9;
    }
    
    
    
    
}