@charset "utf-8";
/* responsive stylesheet */

@media screen and (min-width: 320px) and (max-width: 1244px) {
.inner {width: calc(100% - 60px); margin: 0 30px;}
.inner50l {width: calc(100% - 60px); margin: 0 30px;}
.inner50r {width: calc(100% - 60px); margin: 0 30px;}
.inner75l {width: calc(100% - 60px); margin: 0 30px;}
.inner75r {width: calc(100% - 60px); margin: 0 30px;}
.inner-full {width: 100%;}
}

@media screen and (min-width: 320px) and (max-width: 1144px) {
/* Start responsive navigation menu */
a.toggle {display: block; position: absolute; z-index: 20; color: #f14c87; right: 0; top: 0; padding: 24px 25px;}
a.toggle:hover {background: #f14c87; color: #ffffff;}
header .logo-container {height: 80px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
header .logo-container img {height: 60px;}
header nav {width: 100%;}
header nav ul {display: none; width: 100%; position: absolute; top: 80px; background: #d5d5d5;}
header nav ul li {display: block; width: 100%; height: auto;}
header nav ul li.drop a::before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0d7'; position: absolute; margin-left: -15px; color: #f14c87;}
header nav ul li a {color: #231f20; height: 20px; border-top: 1px solid #ffffff; padding: 15px 25px 10px 25px; text-align: right;}
header nav ul li ul {display: none; position: relative; float: left; top: 0px;}
header nav ul li:hover ul {display: block;}
header nav ul li:hover ul li {display: block; height: auto; width: 100%; float: none;}
header nav ul li:hover ul li a {width: auto;}
header nav ul li.drop ul li a::before {content: none;}
header nav ul li:hover ul li a:hover {background: #f14c87; color: #ffffff; text-decoration: none;}
/* End responsive navigation menu */
section.first-row .content {height: 275px;}
}

@media screen and (min-width: 320px) and (max-width: 1044px) {
.col7 {float: left; width: 25%}
}

@media screen and (min-width: 320px) and (max-width: 944px) {
.col2 {width: 50%;}
.col3 {width: 100%;}
.col3-span2 {width: 100%;}
.col4 {width: 25%;}
.col4-span3 {width: 75%;}
.col5 {width: 50%;}
.col5-span2 {width: 100%;}
.col5-span3 {width: 100%;}
.col5-span4 {width: 100%;}
.col6 {width: 33.3%;}
section.first-row {padding-bottom: 25px;}
section.first-row .content {margin: 0 0 135px 0; padding-bottom: 40px; height: auto;}
section.second-row .content {margin: 0 0 135px 0; padding-bottom: 40px; height: auto;}
section.sign-up form {float: left; width: 100%; padding-left: 0; display: block; margin-top: 10px;}
section.intro-internal article {width: 100%; margin-right: 0;}
section.intro-internal aside {width: 100%; margin-left: 0;}
section.news-content article {width: 90%; min-height: auto;}
footer .col5 {width: 50%;}
footer .col5-span2 {width: 50%;}
footer .row .col5:last-child {text-align: left;}
footer ul.social {float: left; margin-top: -4px;}
footer ul.social li a {margin-left: 0px; margin-right: 5px;}
section.tabs-list ul li a {font-size: 1.1em;}
}

@media screen and (min-width: 320px) and (max-width: 844px) {
.col2 {width: 100%;}
.col3 {width: 100%;}
.col3-span2 {width: 100%;}
.col4 {width: 100%;}
.col4-span3 {width: 100%;}
.col5 {width: 100%;}
.col5-span2 {width: 100%;}
.col5-span3 {width: 100%;}
.col5-span4 {width: 100%;}
.col6 {width: 100%;}
.col7 {width: 50%}
section.intro-internal article img.alignright {float: none; display: block; margin: 0 auto;}
section.intro-internal article img.alignleft {float: none; display: block; margin: 0 auto;}
section.intro p {width: 100%;}
section.first-row aside {width: 100%; padding: 0;}
section.second-row aside {width: 100%; padding: 0;}
section.sign-up p {text-align: left; margin-top: 10px;}
section.social-media .facebook-embed-container {width: 100%;}
}

@media screen and (min-width: 320px) and (max-width: 744px) {
section.gallery-content article .content {width: 100%; margin-bottom: 25px;}
section.gallery-content article .pictures {float: none; width: 300px; margin: 0 auto;}
section.tabs-list ul li {width: 33.3%; margin-right: 0;}
footer .col5 {width: 100%;}
footer .col5-span2 {width: 100%;}
footer h5 {margin-left: 77px;}
footer ul {margin-left: 77px;}
footer a.btn {margin-left: 77px;}
}

@media screen and (min-width: 320px) and (max-width: 644px) {
.col7 {float: left; width: 100%;}
}