@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Voces&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    font-family: 'Noto Sans', sans-serif;
}
.bold {
    font-weight:bold;
 
}
.blue{
    color:#1C217A;
}
.yellow {
    color: #FAF766;
}
.underlined {
    text-decoration: underline;
}
/*navigation styling*/
#nav {
    background-color: #05071F;
    color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#nav-left{
    width:10%;
    margin-top:2%;
}
#nav-middle{
    width:25%;
}
    #nav-middle img {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
#nav-right {
    width: 22%;
    margin-right:0.5%;
}
    #nav-right img{
        width:100%;
        border-radius:15px;
        margin-top:4%;
    }
#nav i {
    margin-left: 3%;
    font-size: 35px;
    color: #E8E9ED;
    text-decoration: none;
}
    #nav i:hover{
        cursor:pointer;
    }
#nav-title {
    font-size: 20px;
    color: #E8E9ED;
    margin-left: 3%;
    
}
#nav-links {
    width: 35%;
    display: none;
    z-index: 9999;
    position: absolute;
}
#nav-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
    #nav-wrapper a {
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        width: 100%;
        border-bottom: 1px solid #E8E9ED;
        background-color: #f7f8fa;
        font-family: 'Noto Sans', sans-serif;
        text-decoration: none;
        color: #05071F;
        font-size: 20px;
        transition: all 1s;
    }
        #nav-wrapper a:hover {
            color: #1C217A;
            background-color:#E8E9ED;
        }
/*navigation media queries*/
 @media only screen and (min-width: 530px) and (max-width: 750px) {
     #nav-right {
     width: 40%;
    }
     #nav-middle{
         width:45%;
     }
    #nav-links {
        width: 75%;
    }
}
@media only screen and (max-width: 529px) {
    #nav-right {
        width:45%;
    }
    #nav-middle {
        width: 45%;
    }
    #nav-links {
        width: 100%;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #nav i {
        font-size: 38px;
    }
    #nav-title {
        font-size: 23px;
    }
    #nav-wrapper a {
        font-size: 23px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #nav i {
        font-size: 41px;
    }
    #nav-title {
        font-size: 26px;
    }
    #nav-wrapper a {
        font-size: 26px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #nav i {
        font-size: 45px;
    }
    #nav-title {
        font-size: 30px;
    }
    #nav-wrapper a {
        font-size: 30px;
    }
}
@media only screen and (min-width: 2401px) {
    #nav i {
        font-size: 65px;
    }
    #nav-title {
        font-size: 45px;
    }
    #nav-wrapper a {
        font-size: 45px;
    }
}
/*end of navigation media queries*/
/*end of navigation styling*/
/*slider images styling*/
.logo-slider {
    background: white;
    -webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
    .logo-slider img {
        width: 200px;
    }
    .logo-slider::before, .logo-slider::after {
        background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
        height: 175px;
        position: absolute;
        width: 200px;
        z-index: 2;
    }
    .logo-slider::after {
        right: 0;
        top: 0;
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }
    .logo-slider::before {
        left: 0;
        top: 0;
    }
    .logo-slider .logo-slide-track {
        -webkit-animation: logo-scroll 60s linear infinite;
        animation: logo-scroll 60s linear infinite;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(250px * 14);
        animation-duration: 30s;
        animation-iteration-count: infinite;
    }
    .logo-slider .slide {
        height: 120px;
        width: 250px;
    }
@-webkit-keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}
@keyframes logo-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}
/*slider media queries*/
@media only screen and (min-width: 1550px) and (max-width: 1900px) {

}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .logo-slider img {
        width: 250px;
    }
    .logo-slider::before, .logo-slider::after {
        height: 210px;
    }
    .logo-slider .slide {
        height: 155px;
        width: 350px;
    }
}
@media only screen and (min-width: 2401px) {
    .logo-slider img {
        width: 400px;
    }
    .logo-slider::before, .logo-slider::after {
        height: 240px;
    }
    .logo-slider .slide {
        height: 240px;
        width: 400px;
    }
}
@media only screen and (max-width: 650px) {
    .logo-slider img {
        width: 150px;
    }
    .logo-slider .slide {
        height: 100px;
        width: 150px;
    }
}
/*end of slider media queries*/
/*end of slider images styling*/
/*footer styling*/
#footer-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    background-color: #E8E9ED;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    font-family: 'Noto Sans', sans-serif;
}
.footer-section{
    width:30%;
}
.footer-title {
    color:#05071F;
    font-size: 24px;
    border-bottom: 1px solid #05071F;
    text-align: center;
}
.footer-subtitle {
    text-align: center;
}
.footer-subtitle a{
    font-size: 16px;
    text-decoration:none;
    color: #05071F;
    transition: all 0.5s;
}
    .footer-subtitle a:hover {
        color:#1C217A;
    }
.footer-title2 {
    color: #05071F;
    font-size: 24px;
    border-bottom: 1px solid #05071F;
    text-align: left;
}
#footer-socials{
    float:right;
    margin-right:3%;
}
    #footer-socials a{
        font-size:25px;
        color:#05071F;
        transition:all 0.5s;
    }
        #footer-socials a:hover{
            color: #1C217A;
        }
#footer-contactlinks {
    float: right;
    margin-right: 3%;
}
    #footer-contactlinks a {
        font-size: 25px;
        color: #05071F;
        transition: all 0.5s;
    }
        #footer-contactlinks a:hover {
            color: #1C217A;
        }
.footer-section img {
    display: block;
    margin: 0 auto;
    width: 100%;
}
#footer-copyright {
    text-align: left;
    font-size: 15px;
    color: #05071F;
}
.footer-bullet{
    color:#05071F;
    font-size:16px;
}
/*footer media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    .footer-title {
        font-size: 25px;
    }
   .footer-subtitle a {
    font-size: 17px;
   }
    .footer-title2 {
        font-size: 25px;
    }
        #footer-socials a {
            font-size: 26px;
        }
    #footer-contactlinks a {
        font-size: 26px;
    }
    #footer-copyright {
        font-size: 16px;
    }
    .footer-bullet {
        font-size: 19px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .footer-title {
        font-size: 31px;
    }
    .footer-subtitle a {
        font-size: 22px;
    }
    .footer-title2 {
        font-size: 31px;
    }
    #footer-socials a {
        font-size: 32px;
    }
    #footer-contactlinks a {
        font-size: 32px;
    }
    #footer-copyright {
        font-size: 19px;
    }
    .footer-bullet {
        font-size: 24px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .footer-title {
        font-size: 34px;
    }
    .footer-subtitle a {
        font-size: 25px;
    }
    .footer-title2 {
        font-size: 34px;
    }
    #footer-socials a {
        font-size: 35px;
    }
    #footer-contactlinks a {
        font-size: 35px;
    }
    #footer-copyright {
        font-size: 22px;
    }
    .footer-bullet {
        font-size: 27px;
    }
}
@media only screen and (min-width: 2401px) {
    .footer-title {
        font-size: 47px;
    }
    .footer-subtitle a {
        font-size: 38px;
    }
    .footer-title2 {
        font-size: 47px;
    }
    #footer-socials a {
        font-size: 48px;
    }
    #footer-contactlinks a {
        font-size: 48px;
    }
    #footer-copyright {
        font-size: 32px;
    }
    .footer-bullet {
        font-size: 35px;
    }
}
@media only screen and (min-width: 501px) and (max-width: 750px) {
    #footer-wrapper {
        flex-direction: column;
    }
    .footer-section {
        margin: 0 auto;
    }
    #footer1 {
        width: 70%;
    }
    #footer2 {
        width: 70%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    #footer3 {
        width: 70%;
    }
    .footer-section img {
        width: 80%;
    }
    #footer-copyright {
        text-align: center;
    }
    .footer-title {
        font-size: 23px;
    }
    .footer-title2 {
        font-size: 23px;
    }
    #footer-socials a {
        font-size: 23px;
    }
    #footer-contactlinks a {
        font-size: 23px;
    }
}
@media only screen and (max-width: 500px) {
    #footer-wrapper {
        flex-direction: column;
    }
    .footer-section {
        margin: 0 auto;
    }
    #footer1 {
        width: 90%;
    }
    #footer2 {
        width: 90%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    #footer3 {
        width: 90%;
    }
    .footer-section img {
        width: 80%;
    }
    #footer-copyright {
        text-align: center;
    }
    .footer-title {
        font-size: 23px;
    }
    .footer-title2 {
        font-size: 23px;
    }
    #footer-socials a {
        font-size: 23px;
    }
    #footer-contactlinks a {
        font-size: 23px;
    }
}
/*end of footer media queries*/
/*end of footer styling*/
/*homepage styling*/
#hidden-br {
    display: none;
}
#hp-header {
    background-color: #05071F;
    background: url('/media/home/homepage-header-min.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
    #hp-header img {
        width: 13vw;
        margin-left: 2.5%;
    }
#hp-title {
    font-family: 'Voces', cursive;
    font-size: 60px;
    text-align: left;
    color: #E8E9ED;
    font-weight: bold;
    margin-left: 2.5%;
    text-shadow: 0 0 10px #1C217A;
    letter-spacing: 3px;
}
#hp-subtitle {
    font-family: 'Noto Sans', sans-serif;
    font-size: 25px;
    text-align: left;
    color: #E8E9ED;
    margin-left: 2.5%;
    padding-top: 1%;
    padding-bottom: 1%;
    font-weight:normal;
}
#hp-subtitle-cap {
    font-size: 32px;
}
#hp-subtitle-col {
    color: #FAF766;
}
#hp-header a {
    color: #E8E9ED;
    font-size: 40px;
}
#hp-header-link {
    width: 2.5vw;
    display: block;
    margin: 0 auto;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    animation: bounce 0.8s infinite alternate;
}
@keyframes bounce {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-25px);
    }
}
/*homepage header media queries*/
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #hp-title {
        font-size: 70px;
    }
    #hp-subtitle {
        font-size: 30px;
    }
    #hp-subtitle-cap {
        font-size: 37px;
    }
    #hp-header a {
        font-size: 50px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #hp-title {
        font-size: 85px;
    }
    #hp-subtitle {
        font-size: 40px;
    }
    #hp-subtitle-cap {
        font-size: 47px;
    }
    #hp-header a {
        font-size: 65px;
    }
}
@media only screen and (min-width: 2401px){
    #hp-title {
        font-size: 110px;
    }
    #hp-subtitle {
        font-size: 50px;
    }
    #hp-subtitle-cap {
        font-size: 57px;
    }
    #hp-header a {
        font-size: 80px;
    }
}
@media only screen and (min-width: 876px) and (max-width: 980px) {
    #hp-title {
        font-size: 55px;
    }
    #hp-subtitle {
        font-size: 22px;
    }
    #hp-subtitle-cap {
        font-size: 29px;
    }
    #hp-header a {
        font-size: 40px;
    }
}
@media only screen and (min-width: 811px) and (max-width: 875px) {
    #hp-title {
        font-size: 50px;
    }
    #hp-subtitle {
        font-size: 20px;
    }
    #hp-subtitle-cap {
        font-size: 27px;
    }
    #hp-header a {
        font-size: 40px;
    }
    #hp-header img {
        width: 17vw;
    }
}
@media only screen and (min-width: 755px) and (max-width: 810px) {
    #hp-title {
        font-size: 45px;
    }
    #hp-subtitle {
        font-size: 18px;
    }
    #hp-subtitle-cap {
        font-size: 25px;
    }
    #hp-header a {
        font-size: 35px;
    }
    #hp-header img {
        width: 19vw;
    }
}
@media only screen and (min-width: 675px) and (max-width: 754px) {
    #hp-title {
        font-size: 45px;
    }
    #hp-subtitle {
        font-size: 21px;
    }
    #hp-subtitle-cap {
        font-size: 28px;
    }
    #hp-header a {
        font-size: 35px;
    }
    #hidden-br{
        display:unset;
    }
    #hp-header img {
        width: 20vw;
    }
}
@media only screen and (min-width: 621px) and (max-width: 674px) {
    #hp-title {
        font-size: 40px;
    }
    #hp-subtitle {
        font-size: 21px;
    }
    #hp-subtitle-cap {
        font-size: 28px;
    }
    #hp-header a {
        font-size: 35px;
    }
    #hidden-br {
        display: unset;
    }
    #hp-header img {
        width: 20vw;
    }
}
@media only screen and (max-width: 620px) {
    #hp-title {
        font-size: 35px;
    }
    #hp-subtitle {
        font-size: 21px;
    }
    #hp-subtitle-cap {
        font-size: 28px;
    }
    #hp-header a {
        font-size: 35px;
    }
    #hidden-br {
        display: unset;
    }
    #hp-header img {
        width: 20vw;
    }
}
/*end of homepage header media queries*/
#hp-columnwrapper {
    background-color: #E8E9ED;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
.hp-column{
    width:40%;
}
    .hp-column p {
        color: #05071F;
        font-size: 18px;
        font-family: 'Noto Sans', sans-serif;
    }
#hp-column-picture {
    width: 100%;
    height: 55vh;
    background: url('/media/home/buildings-min.png');
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #E8E9ED;
}
/*homepage columns & decorative image media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    .hp-column p {
        font-size: 20px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .hp-column p {
        font-size: 23px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .hp-column p {
        font-size: 27px;
    }
}
@media only screen and (min-width: 2401px) {
    .hp-column p {
        font-size: 35px;
    }
}
@media only screen and (max-width: 620px) {
    #hp-columnwrapper {
        flex-direction:column;
    }
    .hp-column {
        width: 100%;
        padding-bottom:3%;
    }
        .hp-column p {
            font-size: 18px;
            margin-left:5%;
            margin-right:5%;
        }
}
@media only screen and (max-width: 700px) {
    #hp-column-picture {
        height: 40vh;
        background-position: bottom;
    }
}
/*end of homepage columns & decorative image media queries*/
#hp-ar-wrapper {
    width: 100%;
    background: url('/media/home/blue-bg-min.jpg');
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 5%;
    padding-bottom: 5%;
}
#hp-ar {
    background-color: rgba(5, 7, 31, 0.85);
    width: 80%;
    display: block;
    margin: 0 auto;
    border-radius: 25px;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    font-family: 'Noto Sans', sans-serif;
}
#hp-ar-title {
    color: #E8E9ED;
    font-size: 30px;
    text-align: center;
}
    #hp-ar-title span {
        color: #FAF766;
        border-bottom: 2px solid #FAF766;
    }
#hp-ar-subtitle {
    color: #E8E9ED;
    font-size: 20px;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 3%;
    padding-bottom: 3%;
}
    #hp-ar-subtitle-big {
        font-size: 24px;
    }
#hp-gallery-wrapper {
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: 0 auto;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    background-color: #F4F4F6;
    box-shadow: 5px 5px 10px black;
    border-radius: 5px;
}
    #hp-gallery-wrapper i:hover{
        cursor:pointer;
    }
    #hp-gallery-left, #hp-gallery-right {
        width: 5%;
        text-align: center;
    }
#hp-gallery-middle img{
    width:100%;
}
#hp-gallery-middle {
    width: 90%;
}
#g2-l, #g3-l, #g4-l, #g5-l, #g6-l {
    display: none;
    color: #05071F;
    font-size: 50px;
    padding-top: 400%;
}
#g2-img, #g3-img, #g4-img, #g5-img, #g6-img {
    display: none;
}
#g2-r, #g3-r, #g4-r, #g5-r, #g6-r {
    display: none;
    color: #05071F;
    font-size: 50px;
    padding-top: 400%;
}
#g1-l {
    color: #05071F;
    font-size: 50px;
    margin-top:450%;
}
#g1-r {
    color: #05071F;
    font-size: 50px;
    margin-top: 450%;
}
/*homepage AR text & gallery media queries*/
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #hp-ar-title {
        font-size: 34px;
    }
    #hp-ar-subtitle {
        font-size: 24px;
    }
    #hp-ar-subtitle-big {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #hp-ar-title {
        font-size: 41px;
    }
    #hp-ar-subtitle {
        font-size: 29px;
    }
    #hp-ar-subtitle-big {
        font-size: 33px;
    }
}
@media only screen and (min-width: 2401px) {
    #hp-ar-title {
        font-size: 55px;
    }
    #hp-ar-subtitle {
        font-size: 38px;
    }
    #hp-ar-subtitle-big {
        font-size: 43px;
    }
}
@media only screen and (max-width: 720px) {
    #hp-ar {
        width: 90%;
    }
    #hp-ar-title {
        font-size: 25px;
    }
    #hp-ar-subtitle {
        font-size: 18px;
    }
    #hp-ar-subtitle-big {
        font-size: 22px;
    }
    #hp-gallery-wrapper {
        width:95%;
    }
    #g2-l, #g3-l, #g4-l, #g5-l, #g6-l {
        font-size: 35px;
    }
    #g2-r, #g3-r, #g4-r, #g5-r, #g6-r {
        font-size: 35px;
    }
    #g1-l {
        font-size: 35px;
    }
    #g1-r {
        font-size: 35px;
    }
}
/*end of homepage AR text & gallery media queries*/
#hp-kypseles-picture {
    width: 100%;
    height: 55vh;
    background: url('/media/general/version1-kypseles-min.png');
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #E8E9ED;
    background-size: cover;
}
/*kypseles media queries*/
@media only screen and (min-width: 826px) and (max-width: 1120px) {
    #hp-kypseles-picture {
        background: url('/media/general/version2-kypseles-min.png');
        background-position: center;
        background-repeat: no-repeat;
        background-color: #E8E9ED;
    }
}
@media only screen and (max-width: 825px) {
    #hp-kypseles-picture {
        background: url('/media/general/version3-kypseles-min.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #E8E9ED;
    }
}
/*end of kypseles media queries*/
#hp-text-container {
    width: 100%;
    background-color: #05071F;
    padding-top: 3%;
    padding-bottom: 1.5%;
    font-family: 'Noto Sans', sans-serif;
}
#hp-text-small {
    color: #E8E9ED;
    margin-left: 10%;
    margin-right: 10%;
    font-size: 18px;
}
#hp-text-big {
    color: #E8E9ED;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 24px;
    padding-top: 3%;
    padding-bottom: 1.5%;
    text-align: center;
}
.hp-text-cap {
    font-size: 33px;
}
.hp-text-col{
    color:#FAF766;
}
#hp-cta {
    background-color: red;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    text-decoration: none;
    color: #05071F;
    background-color: #FAF766;
    border: 3px solid #FAF766;
    border-radius: 25px;
    transition: all 0.5s;
}
    #hp-cta:hover {
        color: #E8E9ED;
        background-color: #1C217A;
        border: 3px solid #1C217A;
    }
/*homepage text & CTA media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px){
    #hp-text-small {
        font-size: 20px;
    }
    #hp-text-big {
        font-size: 27px;
    }
    .hp-text-cap {
        font-size: 36px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #hp-text-small {
        font-size: 24px;
    }
    #hp-text-big {
        font-size: 30px;
    }
    .hp-text-cap {
        font-size: 45px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #hp-text-small {
        font-size: 28px;
    }
    #hp-text-big {
        font-size: 36px;
    }
    .hp-text-cap {
        font-size: 55px;
    }
}
@media only screen and (min-width: 2401px) {
    #hp-text-small {
        font-size: 38px;
    }
    #hp-text-big {
        font-size: 45px;
    }
    .hp-text-cap {
        font-size: 65px;
    }
}
/*end of homepage text & CTA media queries*/
#hp-sidebyside1 {
    background-color: #E8E9ED;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: 'Noto Sans', sans-serif;
    border-top: 3px solid #DDDEE4;
    border-bottom: 1.5px solid #DDDEE4;
    padding-top: 3%;
    padding-bottom: 3%;
}
#hp-sidebyside1-left{
    width:40%;
}
#hp-sidebyside1-left-title {
    color: #1C217A;
    text-align: center;
    font-size: 30px;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
#hp-sidebyside1-left-subtitle {
    color: #05071F;
    padding-top:10%;
    font-size: 18px;
    margin-left:5%;
    margin-right:5%;
}
#hp-sidebyside1-right {
    width: 60%;
}
#hp-sidebyside1-right img {
    width: 95%;
    display:block;
    margin:0 auto;
    border-radius:20px;
    border:2px solid #1C217A;
    padding:1.5%;
}
#hp-sidebyside2 {
    background-color: #E8E9ED;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-family: 'Noto Sans', sans-serif;
    border-top: 1.5px solid #DDDEE4;
    border-bottom: 3px solid #DDDEE4;
    padding-top: 3%;
    padding-bottom: 3%;
}
#hp-sidebyside2-right {
    width: 40%;
}
#hp-sidebyside2-right-title {
    color: #1C217A;
    text-align: center;
    font-size: 30px;
    margin-left: 3%;
    margin-right: 3%;
}
#hp-sidebyside2-right-subtitle {
    color: #05071F;
    padding-top: 10%;
    font-size: 18px;
    margin-left: 5%;
    margin-right: 5%;
}
#hp-sidebyside2-left {
    width: 60%;
}
    #hp-sidebyside2-left img {
        width: 95%;
        display: block;
        margin: 0 auto;
        border-radius: 20px;
        border: 2px solid #1C217A;
        padding: 1.5%;
    }
#sidebyside2-mobileright{
    display:none;
}
/*homepage side by side image & text media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #hp-sidebyside1-left-title {
        font-size: 31px;
    }
    #hp-sidebyside1-left-subtitle {
        font-size: 21px;
    }
    #hp-sidebyside2-right-title {
        font-size: 31px;
    }
    #hp-sidebyside2-right-subtitle {
        font-size: 21px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #hp-sidebyside1-left-title {
        font-size: 35px;
    }
    #hp-sidebyside1-left-subtitle {
        font-size: 25px;
    }
    #hp-sidebyside2-right-title {
        font-size: 35px;
    }
    #hp-sidebyside2-right-subtitle {
        font-size: 25px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #hp-sidebyside1-left-title {
        font-size: 45px;
    }
    #hp-sidebyside1-left-subtitle {
        font-size: 30px;
    }
    #hp-sidebyside2-right-title {
        font-size: 45px;
    }
    #hp-sidebyside2-right-subtitle {
        font-size: 30px;
    }
}
@media only screen and (min-width: 2401px) {
    #hp-sidebyside1-left-title {
        font-size: 55px;
    }
    #hp-sidebyside1-left-subtitle {
        font-size: 40px;
    }
    #hp-sidebyside2-right-title {
        font-size: 55px;
    }
    #hp-sidebyside2-right-subtitle {
        font-size: 40px;
    }
}
@media only screen and (max-width: 1040px) {
    #hp-sidebyside1 {
        flex-direction: column;
    }
    #hp-sidebyside1-left {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    #hp-sidebyside1-right {
        width: 100%;
    }
        #hp-sidebyside1-right img {
            display: block;
            margin: 0 auto;
            width:95%;
        }
    #hp-sidebyside1-left-title {
        font-size:25px;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    #hp-sidebyside1-left-subtitle {
        padding-top: 1.5%;
        padding-bottom:1.5%;
        font-size: 17px;
        text-align:center;
    }
    #hp-sidebyside2-left{
        display:none;
    }
    #hp-sidebyside2 {
        flex-direction: column;
    }
    #hp-sidebyside2-right {
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    #hp-sidebyside2-right-title {
        font-size: 25px;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
    #hp-sidebyside2-right-subtitle {
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        font-size: 17px;
        text-align: center;
    }
    #sidebyside2-mobileright {
        width: 100%;
        display: block;
    }
        #sidebyside2-mobileright img {
            width: 95%;
            display: block;
            margin: 0 auto;
            border-radius: 20px;
            border: 2px solid #1C217A;
            padding: 1.5%;
        }
}
/*end of homepage side by side image & text media queries*/
/*end of homepage styling*/

/*ardsa page styling*/
#ardsa-container {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #f7f8fa;
    background: url('/media/netaffairs/plexus-bg-min.gif');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#ardsa-wrapper {
    width: 85%;
    display:block;
    margin:0 auto;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #E8E9ED;
}
#ardsa-title {
    font-family: 'Noto Sans', sans-serif;
    font-size: 35px;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    color: #05071F;
    padding-bottom: 3%;
    text-transform: uppercase; 
}

#ardsa-columnswrapper {
    font-family: 'Noto Sans', sans-serif;
    width: 100%;
    display: flex;
    flex-direction: row;
}
#ardsa-column1{
    width:35%;
}
#ardsa-column1-title {
    font-size: 45px;
    color: #1C217A;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 1.5%;
    animation: colourchange 3s infinite;
}
@keyframes colourchange {
    0% {
        color: #1C217A;
    }
    25% {
        color: #232AA1;
    }
    50% {
        color: #2A32C7;
    }
    75% {
        color: #232AA1;
    }
    100% {
        color: #1C217A;
    }
}
#ardsa-column1-subtitle {
    font-size: 18px;
    color:#05071F;
    margin-left: 5%;
    margin-right: 5%;
}
#ardsa-column2 {
    width: 65%;
}
    #ardsa-column2 p {
        padding:4%;
        font-size: 21px;
        color: #05071F;
        margin-left: 5%;
        margin-right: 5%;
        margin-top:5%;
        background-color:#DDDEE4;
    }
    /*ardsa page media queries*/
    @media only screen and (min-width: 1400px) and (max-width: 1549px) {
        #ardsa-title {
            font-size: 38px;
        }
        #ardsa-column1-title {
            font-size: 48px;
        }
        #ardsa-column1-subtitle {
            font-size: 21px;
        }
        #ardsa-column2 p {
            font-size: 24px;
        }
    }

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #ardsa-title {
        font-size: 46px;
    }
    #ardsa-column1-title {
        font-size: 51px;
    }
    #ardsa-column1-subtitle {
        font-size: 24px;
    }
    #ardsa-column2 p {
        font-size: 27px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #ardsa-title {
        font-size: 51px;
    }
    #ardsa-column1-title {
        font-size: 56px;
    }
    #ardsa-column1-subtitle {
        font-size: 29px;
    }
    #ardsa-column2 p {
        font-size: 32px;
    }
}

@media only screen and (min-width: 2401px) {
    #ardsa-title {
        font-size: 65px;
    }
    #ardsa-column1-title {
        font-size: 70px;
    }
    #ardsa-column1-subtitle {
        font-size: 44px;
    }
    #ardsa-column2 p {
        font-size: 47px;
    }
}
@media only screen and (min-width: 701px) and (max-width: 965px) {
    #ardsa-columnswrapper {
        flex-direction: column;
    }
    #ardsa-column1 {
        width: 100%;
    }
    #ardsa-column1-title {
        text-align: center;
    }
    #ardsa-column1-subtitle {
        text-align: center;
    }
    #ardsa-column2 {
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    #ardsa-wrapper {
        width:95%;
    }
    #ardsa-columnswrapper {
        flex-direction: column;
    }
    #ardsa-column1 {
        width: 100%;
    }
    #ardsa-column1-title {
        text-align: center;
    }
    #ardsa-column1-subtitle {
        text-align: center;
    }
    #ardsa-column2 {
        width: 100%;
    }
}
/*end of ardsa page media queries*/
/*end of ardsa page styling*/

/*about us page styling*/
.about-title-section {
    background-color: #E8E9ED;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}
.about-title-section h1, .about-title-section h2 {
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    font-size: 30px;
    color: #05071F;
}
.about-title-section span{
    color:#1C217A;
}
#about-heading-wrapper {
    background-color:#E8E9ED;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}
#about-heading-text{
    width:60%;
}
    #about-heading-text p {
        font-family: 'Noto Sans', sans-serif;
        font-size: 18px;
        margin-left:10%;
        margin-right:10%;
    }
    .about-heading-text-big {
        font-size: 22px;
    }
    #about-heading-image {
        width: 40%;
    }
#about-heading-image img{
    width: 95%;
    display:block;
    margin:0 auto;
}
#mobile-about-heading-image {
    display: none;
}
/*about intro section media queries*/
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
        .about-title-section h1, .about-title-section h2 {
            font-size: 35px;
        }
        #about-heading-text p {
            font-size: 23px;
        }
    .about-heading-text-big {
        font-size: 27px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
        .about-title-section h1, .about-title-section h2 {
            font-size: 39px;
        }
    #about-heading-text p {
        font-size: 27px;
    }
    .about-heading-text-big {
        font-size: 31px;
    }
}
@media only screen and (min-width: 2401px) {
    .about-title-section h1, .about-title-section h2 {
        font-size: 49px;
    }
    #about-heading-text p {
        font-size: 37px;
    }
    .about-heading-text-big {
        font-size: 41px;
    }
}
@media only screen and (min-width: 701px) and (max-width: 1000px) {
    #about-heading-wrapper {
        flex-direction: column;
    }

    #about-heading-text {
        width: 100%;
    }

    #about-heading-image {
        display: none;
    }

    #mobile-about-heading-image-wrapper {
        width: 100%;
        background-color: #E8E9ED;
    }

    #mobile-about-heading-image {
        width: 60%;
        display: block;
        margin: 0 auto;
    }

    #about-heading-text p {
        margin-left: 5%;
        margin-right: 5%;
    }
}
@media only screen and (max-width: 700px) {
    #about-heading-wrapper {
        flex-direction: column;
    }
    #about-heading-text {
        width: 100%;
    }
    #about-heading-image {
        display: none;
    }
    #mobile-about-heading-image-wrapper {
        width: 100%;
        background-color: #E8E9ED;
    }
    #mobile-about-heading-image {
        width: 95%;
        display: block;
        margin: 0 auto;
    }
    #about-heading-text p {
        margin-left: 5%;
        margin-right: 5%;
    }
}
/*end of about intro section media queries*/
#about-values-wrapper {
    width: 100%;
    background-color: #E8E9ED;
    display: flex;
    flex-direction: row;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}
.about-value{
    width:20%;
    text-align:center;
}
.about-value img{
    width: 35%;
    display:block;
    margin:0 auto;
}
.value-title {
    color: #1C217A;
    font-family: 'Noto Sans', sans-serif;
    font-size:21px;
}
/*about values section media queries*/
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .value-title {
        font-size: 25px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .value-title {
        font-size: 29px;
    }
}
@media only screen and (min-width: 2401px) {
    .value-title {
        font-size: 38px;
    }
}
@media only screen and (min-width: 821px) and (max-width: 950px) {
    .about-value img {
        width: 65%;
    }
    .value-title {
        font-size: 19px;
    }
}
@media only screen and (min-width: 711px) and (max-width: 820px) {
    .about-value img {
        width: 60%;
    }
    .value-title {
        font-size: 17px;
    }
}
@media only screen and (min-width: 551px) and (max-width: 710px) {
    .about-value img {
        width: 60%;
    }
    .value-title {
        font-size: 15px;
    }
}
@media only screen and (max-width: 550px) {
    #about-values-wrapper {
        flex-direction:column;
    }
    .about-value {
        padding-bottom:1.5%;
        width: 100%;
        border-bottom:2px solid #DDDEE4;
    }
        .about-value img {
            width: 20%;
        }
    .value-title {
        font-size: 21px;
    }
}
/*end of about values section media queries*/
.about-filler {
    width: 100%;
    background-color: #E8E9ED;
    height: 5vh;
}
#about1-container {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    background: url('/media/about/about-bg-simple-min.png');
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #E8E9ED;
}
#about1 {
    background-color: #05071F;
    width: 55%;
    display: block;
    margin-left: 35%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-radius: 15px 60px;
}
#about2-container {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    background: url('/media/about/about-bg-simple-min.png');
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #E8E9ED;
}
#about2 {
    background-color: #05071F;
    width: 65%;
    display: block;
    margin-left: 5%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-radius: 60px 15px;
}
#about3-container {
    width: 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    background: url('/media/about/about-bg-simple-min.png');
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #E8E9ED;
}
#about3 {
    background-color: #05071F;
    width: 55%;
    display: block;
    margin-left: 35%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-radius: 15px 60px;
}
.about-title {
    font-family: 'Noto Sans', sans-serif;
    color:#E8E9ED;
    font-size:30px;
    text-align:center;
}
.about-title span{
    color: #FAF766;
}
.about-subtitle {
    padding-top:3%;
    font-family: 'Noto Sans', sans-serif;
    color: #E8E9ED;
    font-size: 18px;
    margin-left:3%;
    margin-right:3%;
}
.mobile-about{
    display:none;
}
/*about info boxes media queries*/
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .about-title {
        font-size: 32px;
    }
    .about-subtitle {
        font-size: 23px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .about-title {
        font-size: 36px;
    }
    .about-subtitle {
        font-size: 27px;
    }
}
@media only screen and (min-width: 2401px) {
    .about-title {
        font-size: 46px;
    }
    .about-subtitle {
        font-size: 37px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 960px) {
    #about1-container {
        width: 100%;
        background: none;
        background-color: #E8E9ED;
    }
    #about1 {
        width: 85%;
        display: block;
        margin-left: unset;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }
    #about2-container {
        width: 100%;
        background: none;
        background-color: #E8E9ED;
    }
    #about2 {
        width: 85%;
        display: block;
        margin-left: unset;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }
    #about3-container {
        width: 100%;
        background: none;
        background-color: #E8E9ED;
    }
    #about3 {
        width: 85%;
        display: block;
        margin-left: unset;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }
    .mobile-about {
        width: 100%;
        background-color: #1C217A;
        display:block;
    }
        .mobile-about img {
            width: 20%;
            display: block;
            margin: 0 auto;
        }
    .about-filler {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    #about1-container {
        width: 100%;
        background: none;
        background-color: #E8E9ED;
    }
    #about1 {
        width: 95%;
        display: block;
        margin-left: unset;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }
    #about2-container {
        width: 100%;
        background: none;
        background-color: #E8E9ED;
    }
    #about2 {
        width: 95%;
        display: block;
        margin-left: unset;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }
    #about3-container {
        width: 100%;
        background: none;
        background-color: #E8E9ED;
    }
    #about3 {
        width: 95%;
        display: block;
        margin-left: unset;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }
    .mobile-about {
        width: 100%;
        background-color: #1C217A;
        display: block;
    }
    .mobile-about img{
        width: 20%;
       display:block;
       margin:0 auto;
    }
    .about-filler{
        display:none;
    }
}
/*end of about info boxes media queries*/
/*end of about us page styling*/
/*activities page styling*/
#activity-images-wrapper {
    display: flex;
    height: 40vh;
}
.image-showcase {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color: #fff;
    transition: flex .4s ease;
    position: relative;
}
    .image-showcase:hover {
        flex: 2;
    }
#first-image {
    background-image: url('/media/activities/milan-min.jpg');
}
#second-image {
    background-image: url('/media/activities/athens-min.jpg');
}
/*activity page decorative photos media queries*/

/*end of activity page decorative photos media queries*/

#activity-title {
    width: 100%;
    background-color: #E8E9ED;
    padding-top: 2.5%;
    padding-bottom: 3%;
}
    #activity-title h1 {
        text-align: center;
        font-size: 28px;
        font-family: 'Noto Sans', sans-serif;
        margin-left: 1%;
        margin-right: 1%;
        color:#1C217A;
    }
.activity-wrapper{
    width:100%;
    background-color:#E8E9ED;
    padding-top:1.5%;
    padding-bottom:1.5%;
}
#activity-label1, #activity-label2, #activity-label3, #activity-label4, #activity-label5, #activity-label6 {
    border-radius: 25px;
}
.activity-label {
    width: 70%;
    background-color: #1C217A;
    display: block;
    margin: 0 auto;
    padding-top: 1%;
    padding-bottom: 1%;
    display: flex;
    flex-direction: row;
}
.activity-label-left{
    width:90%;
}
.activity-label-right {
    width: 10%;
}
.activity-label p {
    text-align: center;
    font-size: 24px;
    font-family: 'Noto Sans', sans-serif;
    margin-left: 1%;
    margin-right: 1%;
    color: #E8E9ED;
}
    .activity-label i {
        color: #1C217A;
        background-color:white;
        border-radius: 25px;
        font-size:40px;
    }
        .activity-label i:hover{
            cursor:pointer;
        }
#minus1, #minus2, #minus3, #minus4, #minus5, #minus6 {
    display:none;
}
.activity-body {
    width: 70%;
    background-color: white;
    border-top: 2px solid #DDDEE4;
    margin: 0 auto;
    padding-top: 1%;
    padding-bottom: 1%;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-left: 2px solid #1C217A;
    border-right: 2px solid #1C217A;
    border-bottom: 2px solid #1C217A;
    border-top: 2px solid #1C217A;
}
    .activity-body p {
        text-align: left;
        font-size: 19px;
        font-family: 'Noto Sans', sans-serif;
        margin-left: 10%;
        margin-right: 10%;
        color: #05071F;
    }
    .activity-body img {
        display: block;
        margin: 0 auto;
        width: 95%;
        border-radius:10px;
    }
.activity-body-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.activity-body-image{
    width:30%;
}
.activity-body-text{
    width:70%;
}
#activity-body1 p, #activity-body2 p, #activity-body6 p {
    margin-top: 5%;
}
#activity-body5 img {
    margin-top: 5%;
}
#activity-body3 img, #activity-body4 img {
    margin-top: 15%;
}
/*activities section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    .activity-body p {
        font-size: 20px;
    }
    #activity-title h1 {
        font-size: 30px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #activity-title h1 {
        font-size: 33px;
    }
    .activity-label p {
        font-size: 28px;
    }
    .activity-label i {
        font-size: 45px;
    }
    .activity-body p {
        font-size: 22px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #activity-title h1 {
        font-size: 37px;
    }
    .activity-label p {
        font-size: 34px;
    }
    .activity-label i {
        font-size: 51px;
    }
    .activity-body p {
        font-size: 28px;
    }
}
@media only screen and (min-width: 2401px) {
    #activity-title h1 {
        font-size: 50px;
    }
    .activity-label p {
        font-size: 46px;
    }
    .activity-label i {
        font-size: 63px;
    }
    .activity-body p {
        font-size: 40px;
    }
}
@media only screen and (min-width: 651px) and (max-width: 850px) {
    .activity-label {
        width: 80%;
    }
    .activity-body {
        width: 80%;
    }
    .activity-body-wrapper {
        flex-direction: column;
    }
    .activity-body-image {
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
    }
    .activity-body img {
        width: 60%;
    }
    .activity-body-text {
        width: 100%;
    }
    #activity-body1 p, #activity-body2 p, #activity-body6 p {
        margin-top: 0%;
    }
    #activity-body5 img {
        margin-top: 0%;
    }
    #activity-body3 img, #activity-body4 img {
        margin-top: 0%;
    }
}
@media only screen and (max-width: 650px) {
    .activity-label {
        width: 95%;
    }
    .activity-body {
        width: 95%;
    }
    .activity-body-wrapper {
        flex-direction: column;
    }
    .activity-body-image {
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
    }
    .activity-body img {
        width: 60%;
    }
    .activity-body-text {
        width: 100%;
    }
    #activity-body1 p, #activity-body2 p, #activity-body6 p {
        margin-top: 0%;
    }
    #activity-body5 img {
        margin-top: 0%;
    }
    #activity-body3 img, #activity-body4 img {
        margin-top: 0%;
    }
}
/*end of activities section media queries*/
/*end of activities page styling*/
/*services page styling*/
#services-title {
    width: 100%;
    background-color: #05071F;
    padding-top: 1.5%;
    padding-bottom: 3%;
}

    #services-title p {
        text-align: center;
        font-size: 28px;
        font-family: 'Noto Sans', sans-serif;
        margin-left: 1%;
        margin-right: 1%;
        color: #E8E9ED;
        font-weight: bold;
    }

.service-wrapper {
    width: 100%;
    background-color: #05071F;
    padding-bottom: 4%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.service-card {
    width: 25%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    border-radius: 25px;
    border: 2px solid #0c104d;
    transition: all 0.5s;
    background-color: #1C217A;
}

    .service-card img {
        width: 35%;
        display: block;
        margin: 0 auto;
    }

    .service-card:hover {
        border: 2px solid #FAF766;
    }

.service-title {
    text-align: center;
    font-size: 28px;
    font-family: 'Noto Sans', sans-serif;
    margin-left: 1%;
    margin-right: 1%;
    color: #E8E9ED;
    text-decoration: solid underline;
    padding-bottom: 5%;
}

.service-subtitle {
    text-align: center;
    font-size: 17px;
    font-family: 'Noto Sans', sans-serif;
    margin-left: 5%;
    margin-right: 5%;
    color: #FAF766;
}

.unhide-this {
    display: none;
}
/*services page boxes media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #services-title p {
        font-size: 30px;
    }

    .service-title {
        font-size: 29px;
    }

    .service-subtitle {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #services-title p {
        font-size: 33px;
    }

    .service-title {
        font-size: 32px;
    }

    .service-subtitle {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #services-title p {
        font-size: 37px;
    }

    .service-title {
        font-size: 36px;
    }

    .service-subtitle {
        font-size: 26px;
    }
}

@media only screen and (min-width: 2401px) {
    #services-title p {
        font-size: 50px;
    }

    .service-title {
        font-size: 49px;
    }

    .service-subtitle {
        font-size: 39px;
    }
}

@media only screen and (min-width: 691px) and (max-width: 951px) {
    .service-card {
        width: 30%;
    }
}

@media only screen and (max-width: 690px) {
    .unhide-this {
        display: unset;
    }

    .service-wrapper {
        flex-direction: column;
        padding-bottom: 0%;
    }

    .service-card {
        width: 75%;
        margin: 0 auto;
        margin-top: 5%;
    }

        .service-card img {
            width: 25%;
        }
}
/*end of services page boxes media queries*/
/*end of services page styling*/

/*net affairs page styling*/
#netaffairs-title {
    background-color: #E8E9ED;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
}
    #netaffairs-title h1 {
        margin-left: 3%;
        margin-right: 3%;
        color: #1C217A;
        font-size: 30px;
        text-align: center;
        font-family: 'Noto Sans', sans-serif;
    }
#netaffairs-intro-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
}
#netaffairs-logo {
    width: 50%;
    background-color: #E8E9ED;
}
#netaffairs-logo img{
    width:95%;
    display:block;
    margin:0 auto;
    border-radius:25px;
    padding:1%;
    border:2px solid #1C217A;
}
#netaffairs-header {
    width: 50%;
    background-color: #E8E9ED;
}
    #netaffairs-header p {
        margin-left: 6%;
        margin-right: 6%;
        margin-top:20%;
        color: #05071F;
        font-size: 20px;
        font-family: 'Noto Sans', sans-serif;
    }
#netaffairs-bullets-wrapper {
    background:url('/media/netaffairs/plexus-bg-min.gif');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
}
#netaffairs-bullets {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    text-align: center;
    background-color: rgba(232,233,237,0.5);
    width: 60%;
    display: block;
    margin: 0 auto;
    box-shadow: 5px 5px 25px;
    border-radius: 25px;
}
.netaffairs-bullets {
    color: #05071F;
    font-size: 22px;
    font-family: 'Noto Sans', sans-serif;
    margin-left: 3%;
    margin-right: 3%;
}
    .netaffairs-bullets:hover {
        color: #1C217A;
        cursor: default;
    }
#netaffairs-present {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #E8E9ED;
}
    #netaffairs-present p {
        margin-left: 6%;
        margin-right: 6%;
        color: #05071F;
        font-size: 20px;
        font-family: 'Noto Sans', sans-serif;
    }
 /*net affairs bullet & first text section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #netaffairs-header p {
        font-size: 22px;
    }
    .netaffairs-bullets {
        font-size: 24px;
    }
    #netaffairs-present p {
        font-size: 22px;
    }
    #netaffairs-title h1 {
        font-size: 32px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #netaffairs-header p {
        font-size: 26px;
    }
    .netaffairs-bullets {
        font-size: 28px;
    }
    #netaffairs-present p {
        font-size: 26px;
    }
    #netaffairs-title h1 {
        font-size: 36px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #netaffairs-header p {
        font-size: 32px;
    }
    .netaffairs-bullets {
        font-size: 34px;
    }
    #netaffairs-present p {
        font-size: 32px;
    }
    #netaffairs-title h1 {
        font-size: 42px;
    }
}
@media only screen and (min-width: 2401px) {
    #netaffairs-header p {
        font-size: 42px;
    }
    .netaffairs-bullets {
        font-size: 44px;
    }
    #netaffairs-present p {
        font-size: 42px;
    }
    #netaffairs-title h1 {
        font-size: 60px;
    }
}
@media only screen and (min-width: 551px) and (max-width: 800px) {
    #netaffairs-bullets {
        width: 85%;
    }
    #netaffairs-bullets-wrapper {
        padding-bottom: 5%;
    }
}
@media only screen and (max-width: 550px) {
    #netaffairs-bullets {
        width: 95%;
    }
    #netaffairs-bullets-wrapper {
        padding-bottom: 10%;
    }
}
@media only screen and (max-width: 750px) {
        #netaffairs-header p {
            text-align: center;
            margin-left: 10%;
            margin-right: 10%;
        }
            #netaffairs-present p {
                text-align: center;
                margin-left: 10%;
                margin-right: 10%;
            }
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
    #netaffairs-header p {
        margin-top: 10%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
    #netaffairs-intro-wrapper {
        flex-direction: column;
    }
    #netaffairs-logo {
        width: 100%;
    }
        #netaffairs-logo img {
            width: 75%;
        }
    #netaffairs-header {
        width: 100%;
    }
        #netaffairs-header p {
            margin-top: 0%;
            padding-bottom: 3%;
        }
}
@media only screen and (max-width: 599px) {
    #netaffairs-intro-wrapper {
        flex-direction: column;
    }
    #netaffairs-logo {
        width: 100%;
    }
        #netaffairs-logo img {
            width: 95%;
        }
    #netaffairs-header {
        width: 100%;
    }
        #netaffairs-header p {
            margin-top: 0%;
            padding-bottom: 3%;
        }
}
/*end of net affairs bullet & first text section media queries*/
#netaffairs-past-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: #E8E9ED;
}
#netaffairs-past-image {
    width: 40%;
}
    #netaffairs-past-image img {
        width: 95%;
        display: block;
        margin: 0 auto;
        float:right;
        border-radius:25px;
        padding:1%;
        border:2px solid #1C217A;
        margin-right:3%;
    }
#netaffairs-past-text {
    width: 60%;
}
#netaffairs-past-title {
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 2.5%;
    color: #1C217A;
    font-size: 30px;
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    font-weight:bold;
}
#netaffairs-past-subtitle {
    margin-left:5%;
    margin-right:5%;
    margin-top: 5%;
    color: #05071F;
    font-size: 20px;
    font-family: 'Noto Sans', sans-serif;
}
#netaffairs-outro {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #E8E9ED;
}
    #netaffairs-outro p {
        color: #05071F;
        font-size: 20px;
        font-family: 'Noto Sans', sans-serif;
        margin-left: 6%;
        margin-right: 6%;
        text-align:center;
    }
#netaffairs-outro-big-text {
    color: #1C217A;
    font-size: 28px;
    border-bottom: 2px solid #1C217A;
    font-weight: bold;
}
/*net affairs past & outro text section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #netaffairs-past-title {
        font-size: 32px;
    }
    #netaffairs-past-subtitle {
        font-size: 22px;
    }
    #netaffairs-outro p {
        font-size: 22px;
    }
    #netaffairs-outro-big-text {
        font-size: 30px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #netaffairs-past-title {
        font-size: 36px;
    }
    #netaffairs-past-subtitle {
        font-size: 26px;
    }
    #netaffairs-outro p {
        font-size: 26px;
    }
    #netaffairs-outro-big-text {
        font-size: 34px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #netaffairs-past-title {
        font-size: 42px;
    }
    #netaffairs-past-subtitle {
        font-size: 32px;
    }
    #netaffairs-outro p {
        font-size: 32px;
    }
    #netaffairs-outro-big-text {
        font-size: 40px;
    }
}
@media only screen and (min-width: 2401px) {
    #netaffairs-past-title {
        font-size: 52px;
    }
    #netaffairs-past-subtitle {
        font-size: 42px;
    }
    #netaffairs-outro p {
        font-size: 42px;
    }
    #netaffairs-outro-big-text {
        font-size: 50px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 1000px) {
    #netaffairs-past-wrapper {
        flex-direction:column;
    }
    #netaffairs-past-image {
        width: 100%;
    }
        #netaffairs-past-image img {
            width: 75%;
            display: block;
            margin: 0 auto;
            float: none;
        }
    #netaffairs-past-text {
        width: 100%;
        padding-bottom:5%;
    }
}
@media only screen and (max-width: 600px) {
    #netaffairs-past-wrapper {
        flex-direction: column;
    }
    #netaffairs-past-image {
        width: 100%;
    }
        #netaffairs-past-image img {
            width: 95%;
            display: block;
            margin: 0 auto;
            float: none;
        }
    #netaffairs-past-text {
        width: 100%;
        padding-bottom: 5%;
    }
}
@media only screen and (max-width: 750px) {
    #netaffairs-past-subtitle {
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
    }
}
/*end of net affairs past & outro text section media queries*/
#netaffairs-signoff-wrapper{
    width:100%;
    background-color:#E8E9ED;
}
#netaffairs-signoff {
    width: 100%;
    text-align: center;
    padding-bottom: 3%;
    padding-top: 3%;
    background-color: #05071F;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}
    #netaffairs-signoff p {
        color: #E8E9ED;
        font-size: 20px;
        font-family: 'Noto Sans', sans-serif;
        margin-left: 6%;
        margin-right: 6%;
    }
    #netaffairs-signoff a {
        color: #FAF766;
        text-decoration: none;
        transition: all 0.5s;
    }
/*net affairs sign off section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #netaffairs-signoff p {
        font-size: 22px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #netaffairs-signoff p {
        font-size: 26px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #netaffairs-signoff p {
        font-size: 32px;
    }
}
@media only screen and (min-width: 2401px) {
    #netaffairs-signoff p {
        font-size: 42px;
    }
}
@media only screen and (max-width: 600px) {
    #netaffairs-signoff {
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }
    #netaffairs-signoff-wrapper {
        padding-top:5%;
    }
}
/*end of net affairs sign off section media queries*/
/*end of net affairs page styling*/

/*products page styling*/
#products-pagetitle {
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    font-family: 'Noto Sans', sans-serif;
    text-align:center;
    background-color:#E8E9ED;
}
#products-pagetitle h1{
    color:#1C217A;
    font-size:30px;
}
#products-row1-wrapper {
    width: 100%;
    background-color: #E8E9ED;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 0.5%;
    padding-bottom: 0.75%;
}
.products-row1-product {
    background-color: #f7f8fa;
    width: 23%;
    display: flex;
    flex-direction: row;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    transition: all 0.5s;
}
#products-row2-wrapper {
    width: 100%;
    background-color: #E8E9ED;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 0.5%;
    padding-bottom: 2%;
}
.products-row2-product {
    background-color: #f7f8fa;
    width: 23%;
    display: flex;
    flex-direction: row;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    transition: all 0.5s;
}
#product1, #product2, #product3, #product4, #product5, #product6, #product7 {
    border: 2px solid #DDDEE4;
}
    #product1:hover, #product2:hover, #product3:hover, #product4:hover, #product5:hover, #product6:hover, #product7:hover {
        border: 2px solid #1C217A;
        cursor: pointer;
    }
.products-icon{
    width:27%;
}
.products-icon img {
    width: 98%;
    display:block;
    margin:0 auto;
}
.products-text {
    width: 73%;
}
.products-title {
    color: #1C217A;
    font-size: 23px;
    font-family: 'Noto Sans', sans-serif;
    margin-top:5%;
    border-bottom:1px solid #DDDEE4;
}
.products-subtitle {
    color: #05071F;
    font-size: 18px;
    font-family: 'Noto Sans', sans-serif;
    margin-left:3%;
    margin-right:3%;
}
/*products page title & product previews media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #products-pagetitle h1 {
        font-size: 33px;
    }
    .products-title {
        font-size: 26px;
    }
    .products-subtitle {
        font-size: 21px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #products-pagetitle h1 {
        font-size: 37px;
    }
    .products-title {
        font-size: 30px;
    }
    .products-subtitle {
        font-size: 25px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #products-pagetitle h1 {
        font-size: 42px;
    }
    .products-title {
        font-size: 35px;
    }
    .products-subtitle {
        font-size: 30px;
    }
}
@media only screen and (min-width: 2401px) {
    #products-pagetitle h1 {
        font-size: 52px;
    }
    .products-title {
        font-size: 45px;
    }
    .products-subtitle {
        font-size: 40px;
    }
}
@media only screen and (min-width: 836px) and (max-width: 1140px) {
    .products-row1-product {
        flex-direction: column;
    }
    .products-row2-product {
        flex-direction: column;
    }
    .products-icon {
        width: 100%;
    }
        .products-icon img {
            width: 40%;
        }
    .products-text {
        width: 100%;
    }
    .products-title {
        text-align: center;
        margin-top: 0%;
    }
    .products-subtitle {
        text-align: center;
    }
}
@media only screen and (min-width: 501px) and (max-width: 835px) {
    #products-row1-wrapper {
        flex-direction: column;
        padding-bottom:0%;
    }
    .products-row1-product {
        width: 80%;
        margin:0 auto;
        margin-top:1%;
        margin-bottom:1%;
    }
    #products-row2-wrapper {
        flex-direction: column;
        padding-top:0%;
    }
    .products-row2-product {
        width: 80%;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .products-icon img {
        width: 65%;
    }
}
@media only screen and (max-width: 500px) {
    #products-row1-wrapper {
        flex-direction: column;
        padding-bottom: 0%;
    }
    .products-row1-product {
        width: 80%;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    #products-row2-wrapper {
        flex-direction: column;
        padding-top: 0%;
    }
    .products-row2-product {
        width: 80%;
        margin: 0 auto;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .products-row1-product {
        flex-direction: column;
    }
    .products-row2-product {
        flex-direction: column;
    }
    .products-icon {
        width: 100%;
    }
        .products-icon img {
            width: 20%;
        }
    .products-text {
        width: 100%;
    }
    .products-title {
        text-align: center;
        margin-top: 0%;
    }
    .products-subtitle {
        text-align: center;
    }
}
/*end of products page title & product previews media queries*/
#products-detailed1 {
    width: 100%;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    display:none;
    padding-bottom:3%;
}
#products-detailed2 {
    width: 100%;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    display: none;
    padding-bottom: 3%;
}
#products-detailed3 {
    width: 100%;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom: 3%;
    display: none;
}
#products-detailed4 {
    width: 100%;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom: 3%;
    display: none;
}
#products-detailed5 {
    width: 100%;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom: 3%;
    display: none;
}
#products-detailed6 {
    width: 100%;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom: 3%;
    display: none;
}
#products-detailed7 {
    width: 100%;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom: 3%;
    display: none;
}
.products-detailed-title {
    font-size: 40px;
    color: #1C217A;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #DDDEE4;
    text-align: center;
    animation: colourchange 3s infinite;
}
.products-detailed-subtitle {
    text-align:left;
    font-size: 19px;
    color: #05071F;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #DDDEE4;
    padding-bottom: 1.5%;
    padding-left: 1.5%;
    padding-right: 1.5%;
}
.productemphasis {
    font-size: 25px;
}
/*products page detailed product descriptions media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    .products-detailed-title {
        font-size: 43px;
    }
    .products-detailed-subtitle {
        font-size: 22px;
    }
    .productemphasis {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .products-detailed-title {
        font-size: 47px;
    }
    .products-detailed-subtitle {
        font-size: 26px;
    }
    .productemphasis {
        font-size: 32px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .products-detailed-title {
        font-size: 52px;
    }
    .products-detailed-subtitle {
        font-size: 31px;
    }
    .productemphasis {
        font-size: 37px;
    }
}

@media only screen and (min-width: 2401px) {
    .products-detailed-title {
        font-size: 67px;
    }
    .products-detailed-subtitle {
        font-size: 46px;
    }
    .productemphasis {
        font-size: 52px;
    }
}
/*end of products page detailed product descriptions media queries*/
#products-dotnet-container {
    width: 100%;
    background-color: #1C217A;
    background: url(/media/home/blue-bg-min.jpg);
    background-attachment: fixed;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
#products-dotnet-wrapper {
    background-color: rgba(5, 7, 31, 0.5);
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-top: 3%;
    padding-bottom: 3%;
}
#products-dotnet-wrappersmall {
    background-color: #1C217A;
    width: 75%;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-family: 'Noto Sans', sans-serif;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius:5px;
}
#products-dotnet-title{
    font-size:45px;
    color:#E8E9ED;
    padding-bottom:0.75%;
    font-weight:bold;
}
#products-dotnet-subtitle {
    font-size: 22px;
    color: #E8E9ED;
    padding-top: 0.75%;
    padding-bottom: 3%;
    font-weight: bold;
    margin-left: 5%;
    margin-right: 5%;
}
.products-dotnet-sectionwrapper{
    width:100%;
    display:flex;
    flex-direction:row;
}
.products-dotnet-sectionwrapper-section{
    width:50%;
}
.products-dotnet-sectiontitle {
    font-size: 30px;
    color: #FAF766;
    letter-spacing: 1px;
    font-weight: bold;
}
.products-dotnet-sectionsubtitle {
    font-size: 18px;
    color: #E8E9ED;
    padding-bottom: 2%;
    margin-left:5%;
    margin-right:5%;
}
/*products page .NET info media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #products-dotnet-title {
        font-size: 47px;
    }
    #products-dotnet-subtitle {
        font-size: 24px;
    }
    .products-dotnet-sectiontitle {
        font-size: 32px;
    }
    .products-dotnet-sectionsubtitle {
        font-size: 20px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #products-dotnet-title {
        font-size: 50px;
    }
    #products-dotnet-subtitle {
        font-size: 27px;
    }
    .products-dotnet-sectiontitle {
        font-size: 35px;
    }
    .products-dotnet-sectionsubtitle {
        font-size: 23px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #products-dotnet-title {
        font-size: 55px;
    }
    #products-dotnet-subtitle {
        font-size: 32px;
    }
    .products-dotnet-sectiontitle {
        font-size: 40px;
    }
    .products-dotnet-sectionsubtitle {
        font-size: 28px;
    }
}
@media only screen and (min-width: 2401px) {
    #products-dotnet-title {
        font-size: 64px;
    }
    #products-dotnet-subtitle {
        font-size: 41px;
    }
    .products-dotnet-sectiontitle {
        font-size: 49px;
    }
    .products-dotnet-sectionsubtitle {
        font-size: 37px;
    }
}
@media only screen and (max-width: 940px) {
    .products-dotnet-sectionwrapper {
        flex-direction: column;
    }
    .products-dotnet-sectionwrapper-section {
        width: 100%;
    }
}
@media only screen and (max-width: 700px) {
    #products-dotnet-wrappersmall {
        width: 95%;
    }
}
/*end of products page .NET info media queries*/
/*end of products page styling*/

/*innovation projects styling*/
#innovationprojects-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: #E8E9ED;
    font-family: 'Noto Sans', sans-serif;
}
.innovationprojects-titlesection {
    width: 33.33%;
    text-align: center;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    transition:all 0.3s;
    border-bottom:2px solid #DDDEE4;
    text-decoration:none;
}
    .innovationprojects-titlesection:hover{
        background-color:#DDDEE4;
    }
#innovation-projects-titlesection2 {
    border-left: 2px solid #DDDEE4;
    border-right: 2px solid #DDDEE4;
}
    .innovationprojects-titlesection h1, .innovationprojects-titlesection h2, .innovationprojects-titlesection h3 {
        font-size: 27px;
        color:#1C217A;
        font-weight:normal;
    }
#innovationprojects-introtext-container {
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    background-color: #f7f8fa;
    background: url('/media/netaffairs/plexus-bg-min.gif');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#innovationprojects-introtext-wrapper {
    width: 85%;
    display: block;
    margin: 0 auto;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #E8E9ED;
}
#innovationprojects-introtexttitle {
    font-family: 'Noto Sans', sans-serif;
    font-size: 35px;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    color: #05071F;
    padding-bottom: 3%;
    text-transform: uppercase;
}
#innovationprojects-introtextsubtitle {
    font-family: 'Noto Sans', sans-serif;
    font-size: 21px;
    text-align:left;
    margin-left: 5%;
    margin-right: 5%;
    color: #05071F;
}
/*innovation projects title and intro text section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    .innovationprojects-titlesection h1, .innovationprojects-titlesection h2, .innovationprojects-titlesection h3 {
        font-size: 30px;
    }
    #innovationprojects-introtexttitle {
        font-size: 37px;
    }
    #innovationprojects-introtextsubtitle {
        font-size: 23px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .innovationprojects-titlesection h1, .innovationprojects-titlesection h2, .innovationprojects-titlesection h3 {
        font-size: 35px;
    }
    #innovationprojects-introtexttitle {
        font-size: 41px;
    }
    #innovationprojects-introtextsubtitle {
        font-size: 27px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .innovationprojects-titlesection h1, .innovationprojects-titlesection h2, .innovationprojects-titlesection h3 {
        font-size: 43px;
    }
    #innovationprojects-introtexttitle {
        font-size: 46px;
    }
    #innovationprojects-introtextsubtitle {
        font-size: 32px;
    }
}

@media only screen and (min-width: 2401px) {
    .innovationprojects-titlesection h1, .innovationprojects-titlesection h2, .innovationprojects-titlesection h3 {
        font-size: 60px;
    }
    #innovationprojects-introtexttitle {
        font-size: 58px;
    }
    #innovationprojects-introtextsubtitle {
        font-size: 44px;
    }
}
/*end of innovation projects title and intro text section media queries*/
#wbl {
    background-color: #f7f8fa;
    width: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    font-family: 'Noto Sans', sans-serif;
}
#innovationprojects-wbl-wrapper{
    width:100%;
    display:flex;
    flex-direction:row;
}
.innovationprojects-wbl-section{
    width:50%;
}
#innovationprojects-wbl-title {
    text-align: center;
    font-size: 35px;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: #05071F;
    font-weight: bold;
}
.innovationprojects-wbl-subtitle {
    text-align: left;
    font-size: 19px;
    color: #05071F;
    margin-left: 5%;
    margin-right: 5%;
}
#innovationprojects-wbl-title2 {
    text-align: center;
    font-size: 28px;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: #05071F;
    font-weight: bold;
}
#innovativeprojects-scrolltotop1 {
    width: 100%;
    background-color: #f7f8fa;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    font-family: 'Noto Sans', sans-serif;
}
    #innovativeprojects-scrolltotop1 a {
        text-decoration: none;
        color: #05071F;
        transition: all 0.5s;
        margin-left: 80%;
    }
        #innovativeprojects-scrolltotop1 a:hover{
            color:#1C217A;
        }
    #innovativeprojects-scrolltotop1 i {
        font-size: 50px;
    }
/*innovation projects wbl section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #innovationprojects-wbl-title {
        font-size: 37px;
    }
    .innovationprojects-wbl-subtitle {
        font-size: 21px;
    }
    #innovationprojects-wbl-title2 {
        font-size: 30px;
    }
    #innovativeprojects-scrolltotop1 i {
        font-size: 52px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #innovationprojects-wbl-title {
        font-size: 40px;
    }
    .innovationprojects-wbl-subtitle {
        font-size: 24px;
    }
    #innovationprojects-wbl-title2 {
        font-size: 33px;
    }
    #innovativeprojects-scrolltotop1 i {
        font-size: 55px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #innovationprojects-wbl-title {
        font-size: 43px;
    }
    .innovationprojects-wbl-subtitle {
        font-size: 27px;
    }
    #innovationprojects-wbl-title2 {
        font-size: 36px;
    }
    #innovativeprojects-scrolltotop1 i {
        font-size: 58px;
    }
}

@media only screen and (min-width: 2401px) {
    #innovationprojects-wbl-title {
        font-size: 53px;
    }
    .innovationprojects-wbl-subtitle {
        font-size: 37px;
    }
    #innovationprojects-wbl-title2 {
        font-size: 46px;
    }
    #innovativeprojects-scrolltotop1 i {
        font-size: 80px;
    }
}
@media only screen and (max-width: 850px) {
    #innovationprojects-wbl-wrapper {
        flex-direction: column;
    }
    .innovationprojects-wbl-section {
        width: 100%;
    }
}
/*end of innovation projects wbl section media queries*/
#erasmus {
        background-color: #E8E9ED;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        font-family: 'Noto Sans', sans-serif;
    }
#innovationprojects-erasmus-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.innovationprojects-erasmus-section {
    width: 50%;
}
.innovationprojects-erasmus-title2 {
    text-align: center;
    font-size: 28px;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: #05071F;
    font-weight: bold;
}
#innovationprojects-erasmus-title {
    text-align: center;
    font-size: 35px;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: #05071F;
    font-weight: bold;
}
.innovationprojects-erasmus-subtitle {
    text-align: left;
    font-size: 19px;
    color: #05071F;
    margin-left: 5%;
    margin-right: 5%;
}
#innovativeprojects-scrolltotop2 {
    width: 100%;
    background-color: #E8E9ED;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    font-family: 'Noto Sans', sans-serif;
}
    #innovativeprojects-scrolltotop2 a {
        text-decoration: none;
        color: #05071F;
        transition: all 0.5s;
        margin-left: 80%;
    }
        #innovativeprojects-scrolltotop2 a:hover {
            color: #f7f8fa;
        }
    #innovativeprojects-scrolltotop2 i {
        font-size: 50px;
    }
/*innovation projects erasmus section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    .innovationprojects-erasmus-title2 {
        font-size: 30px;
    }
    #innovationprojects-erasmus-title {
        font-size: 37px;
    }
    .innovationprojects-erasmus-subtitle {
        font-size: 21px;
    }
    #innovativeprojects-scrolltotop2 i {
        font-size: 52px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .innovationprojects-erasmus-title2 {
        font-size: 33px;
    }
    #innovationprojects-erasmus-title {
        font-size: 40px;
    }
    .innovationprojects-erasmus-subtitle {
        font-size: 24px;
    }
    #innovativeprojects-scrolltotop2 i {
        font-size: 55px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .innovationprojects-erasmus-title2 {
        font-size: 36px;
    }
    #innovationprojects-erasmus-title {
        font-size: 43px;
    }
    .innovationprojects-erasmus-subtitle {
        font-size: 27px;
    }
    #innovativeprojects-scrolltotop2 i {
        font-size: 58px;
    }
}

@media only screen and (min-width: 2401px) {
    .innovationprojects-erasmus-title2 {
        font-size: 46px;
    }
    #innovationprojects-erasmus-title {
        font-size: 53px;
    }
    .innovationprojects-erasmus-subtitle {
        font-size: 37px;
    }
    #innovativeprojects-scrolltotop2 i {
        font-size: 80px;
    }
}
@media only screen and (max-width: 850px) {
    #innovationprojects-erasmus-wrapper {
        flex-direction: column;
    }
    .innovationprojects-erasmus-section {
        width: 100%;
    }
}
/*end of innovation projects erasmus section media queries*/
#augmented-reality {
    background-color: #f7f8fa;
    width: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    font-family: 'Noto Sans', sans-serif;
}
#innovationprojects-ar-title {
    text-align: center;
    font-size: 35px;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: #05071F;
    font-weight: bold;
}
.innovationprojects-ar-subtitle {
    text-align: left;
    font-size: 19px;
    color: #05071F;
    margin-left: 5%;
    margin-right: 5%;
}
#innovationprojects-ar-title2 {
    text-align: center;
    font-size: 28px;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    color: #05071F;
    font-weight: bold;
}
#innovativeprojects-scrolltotop3 {
    width: 100%;
    background-color: #f7f8fa;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    font-family: 'Noto Sans', sans-serif;
}
    #innovativeprojects-scrolltotop3 a {
        text-decoration: none;
        color: #05071F;
        transition: all 0.5s;
        margin-left: 80%;
    }
        #innovativeprojects-scrolltotop3 a:hover {
            color: #1C217A;
        }
    #innovativeprojects-scrolltotop3 i {
        font-size: 50px;
    }
/*innovation projects augmented reality section media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #innovationprojects-ar-title {
        font-size: 37px;
    }
    .innovationprojects-ar-subtitle {
        font-size: 21px;
    }
    #innovationprojects-ar-title2 {
        font-size: 30px;
    }
    #innovativeprojects-scrolltotop3 i {
        font-size: 52px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #innovationprojects-ar-title {
        font-size: 40px;
    }
    .innovationprojects-ar-subtitle {
        font-size: 24px;
    }
    #innovationprojects-ar-title2 {
        font-size: 33px;
    }
    #innovativeprojects-scrolltotop3 i {
        font-size: 55px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #innovationprojects-ar-title {
        font-size: 43px;
    }
    .innovationprojects-ar-subtitle {
        font-size: 27px;
    }
    #innovationprojects-ar-title2 {
        font-size: 36px;
    }
    #innovativeprojects-scrolltotop3 i {
        font-size: 58px;
    }
}

@media only screen and (min-width: 2401px) {
    #innovationprojects-ar-title {
        font-size: 53px;
    }
    .innovationprojects-ar-subtitle {
        font-size: 37px;
    }
    #innovationprojects-ar-title2 {
        font-size: 46px;
    }
    #innovativeprojects-scrolltotop3 i {
        font-size: 80px;
    }
}
/*end of innovation projects augmented reality section media queries*/
/*end of innovation projects styling*/

/*cloud computing page styling*/
.cloud-titlecontainer {
    width: 100%;
    background-color: #E8E9ED;
    padding-bottom: 2%;
    padding-top:2%;
}
    #cloud-introwrapper {
        width: 100%;
        background-color: #E8E9ED;
        display: flex;
        flex-direction: row;
    }
#cloud-introtext{
    width:60%;
}
    #cloud-introimage{
        width:40%;
    }
        #cloud-introimage img {
            display: block;
            margin: 0 auto;
            width: 95%;
            border-radius: 20px;
            border: 2px solid #1C217A;
            padding: 1.5%;
        }
    .cloud-title {
        font-size: 30px;
        color: #1C217A;
        text-align: center;
    }
.cloud-subtitle {
    font-size: 19px;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    color: #05071F;
}
#cloud-typeswrapper {
    width: 100%;
    background-color: #E8E9ED;
    display: flex;
    flex-direction: row;
}
#cloud-typesimage {
    width: 40%;
}
    #cloud-typesimage img {
        display: block;
        margin: 0 auto;
        width: 95%;
        border-radius: 20px;
        border: 2px solid #1C217A;
        padding: 1.5%;
    }
#cloud-typestext {
    width: 60%;
}
.cloud-perkscontainer {
    width: 100%;
    background-color: #E8E9ED;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.cloud-perksitem {
    width: 35%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    margin-left:7.5%;
    margin-right:7.5%;
}
.cloud-perksitemtitle {
    font-size: 23px;
    color: #05071F;
    text-align: center;
}
#cloud-statscontainer1{
    width:100%;
    display:flex;
    flex-direction:row;
    background-color:#1C217A;
    padding-top:1.5%;
    padding-bottom:1.5%;
}
.cloud-statscontainer1-item{
width:25%;
}
.cloud-statstitle {
    color: #E8E9ED;
    font-size: 25px;
}
.cloud-statssubtitle {
    color: #E8E9ED;
    font-size: 19px;
}
/*end of cloud computing page styling*/
/*contact page styling*/
#contact-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
#contact-left {
    width: 40%;
    background-color:#E8E9ED;
    padding-top: 0.5%;
    padding-bottom: 1.5%;
}
#contact-card {
    width: 80%;
    background-color: #E8E9ED;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 1%;
    padding-right: 1%;
    border-bottom:2px solid #DDDEE4;
}
#cc-title {
    font-family: 'Noto Sans', sans-serif;
    font-size: 25px;
    color: #05071F;
}
#cc-subtitle {
    font-family: 'Noto Sans', sans-serif;
    font-size: 19px;
    color: #05071F;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}
#contact-socials {
    width: 80%;
    background-color: #E8E9ED;
    display: block;
    margin: 0 auto;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    text-align: center;
}
#contact-socials-title {
    font-family: 'Noto Sans', sans-serif;
    font-size: 25px;
    color: #05071F;
}
#contact-socials-subtitle {
    font-family: 'Noto Sans', sans-serif;
}
    #contact-socials-subtitle a {
        font-size: 55px;
        text-decoration: none;
        color: #05071F;
        transition:all 0.6s;
    }
        #contact-socials-subtitle a:hover{
            color:#1C217A;
        }
 #contact-right {
            width: 60%;
            background-color: #E8E9ED;
            padding-top: 0.5%;
            padding-bottom: 1.5%;
        }
#contact-form {
    border-radius: 25px;
    font-family: 'Noto Sans', sans-serif;
    width: 85%;
    background: rgb(38,44,166);
    background: linear-gradient(180deg, rgba(38,44,166,1) 0%, rgba(19,22,83,1) 100%);
    display: block;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    padding-bottom: 3%;
    box-shadow: 10px 10px 15px #505250;
}
#contact-form-fields {
    width: 50%;
    padding-top: 10%;
    padding-bottom: 5%;
}
#contact-form-info {
    width: 50%;
    text-align: left;
}
    #contact-form-fields label {
        color: #E8E9ED;
        font-size: 22px;
    }
    #contact-form-fields input[type=text], #contact-form-fields input[type=email], #contact-form-fields textarea {
        background-color: transparent;
        border: none;
        height: 5vh;
        width: 75%;
        margin-top: 0.5%;
        font-size: 18px;
        color: #E8E9ED;
        border-bottom: 1px solid #E8E9ED;
        text-align: center;
    }
        #contact-form-fields input[type=text]:focus, #contact-form-fields input[type=email]:focus, #contact-form-fields textarea:focus {
            outline: none;
            transform: scale(1.2);
        }
        #contact-form-fields textarea {
            resize:none;
        }
        #contact-form-fields input[type=submit] {
            margin-top: 5%;
            background-color: #FAF766;
            border: none;
            padding-top: 1.5%;
            padding-bottom: 1.5%;
            padding-left: 5%;
            padding-right: 5%;
            border-radius: 25px;
            font-size: 28px;
            color: #05071F;
        }
        #contact-form-fields input[type=submit]:hover{
            cursor: pointer;
        }
.contact-form-success-p {
    color: #E8E9ED;
    font-size: 22px;
    margin-left: 5%;
    margin-right: 5%;
}
#contact-success{
    width:95%;
    display:block;
    margin:0 auto;
    padding-top:3%;
    padding-bottom:3%;
    border:2px dashed #E8E9ED;
}
#contact-form-info span {
    margin-left: 5%;
}
    #contact-form-info i {
        color: #E8E9ED;
        font-size: 20px;
    }
    #contact-form-info a {
        color: #E8E9ED;
        font-size:19px;
        text-decoration:none;
    }
#contact-form-info h1 {
    padding-top: 10%;
    padding-bottom: 20%;
    font-size: 30px;
    color: #FAF766;
    margin-right: 1%;
    text-shadow:3px 3px 10px #05071F;
    font-weight:normal;
}
/*contact page media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #cc-title {
        font-size: 28px;
    }
    #cc-subtitle {
        font-size: 22px;
    }
    #contact-socials-title {
        font-size: 28px;
    }
    #contact-socials-subtitle a {
            font-size: 58px;
    }
    #contact-form-fields label {
        font-size: 25px;
    }
    #contact-form-fields input[type=text], #contact-form-fields input[type=email], #contact-form-fields textarea {
        font-size: 21px;
    }
    #contact-form-fields input[type=submit] {
        font-size: 31px;
    }
    #contact-form-info i {
        font-size: 23px;
    }
    #contact-form-info a {
        font-size: 22px;
    }
    #contact-form-info h1 {
        font-size: 33px;
    }
    .contact-form-success-p {
        font-size: 25px;
    }
}
@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #cc-title {
        font-size: 31px;
    }
    #cc-subtitle {
        font-size: 25px;
    }
    #contact-socials-title {
        font-size: 31px;
    }
    #contact-socials-subtitle a {
        font-size: 70px;
    }
    #contact-form-fields label {
        font-size: 28px;
    }
    #contact-form-fields input[type=text], #contact-form-fields input[type=email], #contact-form-fields textarea {
        font-size: 24px;
    }
    #contact-form-fields input[type=submit] {
        font-size: 34px;
    }
    #contact-form-info i {
        font-size: 26px;
    }
    #contact-form-info a {
        font-size: 25px;
    }
    #contact-form-info h1 {
        font-size: 36px;
    }
    .contact-form-success-p {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #cc-title {
        font-size: 36px;
    }
    #cc-subtitle {
        font-size: 30px;
    }
    #contact-socials-title {
        font-size: 36px;
    }
    #contact-socials-subtitle a {
        font-size: 75px;
    }
    #contact-form-fields label {
        font-size: 33px;
    }
    #contact-form-fields input[type=text], #contact-form-fields input[type=email], #contact-form-fields textarea {
        font-size: 29px;
    }
    #contact-form-fields input[type=submit] {
        font-size: 39px;
    }
    #contact-form-info i {
        font-size: 31px;
    }
    #contact-form-info a {
        font-size: 30px;
    }
    #contact-form-info h1 {
        font-size: 41px;
    }
    .contact-form-success-p {
        font-size: 33px;
    }
}
@media only screen and (min-width: 2401px) {
    #cc-title {
        font-size: 50px;
    }
    #cc-subtitle {
        font-size: 44px;
    }
    #contact-socials-title {
        font-size: 50px;
    }
    #contact-socials-subtitle a {
        font-size: 95px;
    }
    #contact-form-fields label {
        font-size: 47px;
    }
    #contact-form-fields input[type=text], #contact-form-fields input[type=email], #contact-form-fields textarea {
        font-size: 43px;
    }
    #contact-form-fields input[type=submit] {
        font-size: 53px;
    }
    #contact-form-info i {
        font-size: 55px;
    }
    #contact-form-info a {
        font-size: 44px;
    }
    #contact-form-info h1 {
        font-size: 55px;
    }
    .contact-form-success-p {
        font-size: 45px;
    }
}
@media only screen and (min-width: 926px) and (max-width: 1050px) {
    #contact-card {
        width: 90%;
    }
    #contact-socials {
        width: 90%;
    }
    #contact-form {
        width: 95%;
    }
}
@media only screen and (min-width: 746px) and (max-width: 925px) {
    #contact-card {
        width: 90%;
    }
    #contact-socials {
        width: 90%;
    }
    #contact-form {
        width: 95%;
        flex-direction: column;
    }
    #contact-form-fields {
        width: 100%;
        padding-top: 5%;
        padding-bottom: 0.5%;
    }
    #contact-form-info {
        width: 100%;
        text-align: center;
        padding-bottom:5%;
    }
        #contact-form-info h1 {
            padding-top: 3%;
            padding-bottom: 3%;
            font-size:25px;
        }
        #contact-form-info i {
            font-size: 24px;
        }
        #contact-form-info a {
            font-size: 23px;
        }
}
@media only screen and (min-width: 566px) and (max-width: 745px) {
    #contact-wrapper {
        width: 100%;
        flex-direction: column;
    }
    #contact-left {
        width: 100%;
    }
    #contact-right {
        width: 100%;
    }
     #contact-form {
        border-radius:0px;
        width: 100%;
        box-shadow:none;
    }
}
@media only screen and (max-width: 565px) {
    #contact-wrapper {
        width: 100%;
        flex-direction: column;
    }
    #contact-left {
        width: 100%;
    }
    #contact-right {
        width: 100%;
    }
    #contact-form {
        border-radius:0px;
        width: 100%;
        box-shadow:none;
        flex-direction: column;
    }
    #contact-form-fields {
        width: 100%;
        padding-top: 5%;
        padding-bottom: 0.5%;
    }
    #contact-form-info {
        width: 100%;
        text-align: center;
        padding-bottom: 5%;
    }
        #contact-form-info h1 {
            padding-top: 3%;
            padding-bottom: 3%;
            font-size: 25px;
        }
        #contact-form-info i {
            font-size: 24px;
        }
        #contact-form-info a {
            font-size: 23px;
        }
}
/*end of contact page media queries*/
/*end of contact page styling*/

/*newsletter page styling*/
#newsletter-container{
    width:100%;
    padding-top:5%;
    padding-bottom:5%;
    background-color:#1C217A;
}
#newsletter-wrapper {
    width: 80%;
    background-color: #E8E9ED;
    display: block;
    margin: 0 auto;
    border-radius: 27px;
    font-family: 'Noto Sans', sans-serif;
    padding-bottom: 3%;
}
#newsletter-title {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    background-color: #05071F;
    font-size: 30px;
    color: #E8E9ED;
}
    #newsletter-title img {
        width: 5vw;
        display: block;
        margin: 0 auto;
    }
#newsletter-subtitle {
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left:5%;
    margin-right:5%;
    color:#05071F;
    font-size:18px;
}
#newsletter-fields {
    padding-top:1.5%;
    width: 80%;
    display: block;
    margin: 0 auto;
    font-family: 'Noto Sans', sans-serif;
    text-align:center;
    font-size:25px;
    color:#05071F;
}
    #newsletter-fields input {
        font-size: 18px;
        width: 50%;
        height: 6vh;
        border: none;
        outline: none;
        border-bottom: 1px solid #05071F;
        background-color: #E8E9ED;
    }
        #newsletter-fields input:focus{
            transform:scale(1.1);
        }
        #newsletter-fields input[type="submit"] {
            background-color: #1C217A;
            width: 20%;
            border:none;
            color:#E8E9ED;
            font-size:25px;
        }
            #newsletter-fields input[type="submit"]:hover{
                cursor:pointer;
            }
            /*newsletter page media queries*/
            /*end of newsletter page media queries*/
            /*end of newsletter page styling*/
            /*hover effects*/
            .hvr-float {
                display: inline-block;
                vertical-align: middle;
                -webkit-transform: perspective(1px) translateZ(0);
                transform: perspective(1px) translateZ(0);
                box-shadow: 0 0 1px rgba(0, 0, 0, 0);
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-property: transform;
                transition-property: transform;
                -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
            }
    .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
    .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
        -webkit-animation-name: hvr-hang-sink, hvr-hang;
        animation-name: hvr-hang-sink, hvr-hang;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 51%;
        right: 51%;
        bottom: 0;
        background: #1C217A;
        height: 2px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
        left: 0;
        right: 0;
    }
/*end of hover effects*/

/*holiday landing page*/
.snowflake {
    color: white;
    font-size: 20px;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 5px black;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0%,100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(80px)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration: 10s,3s;
    -webkit-animation-timing-function: linear,ease-in-out;
    -webkit-animation-iteration-count: infinite,infinite;
    -webkit-animation-play-state: running,running;
    animation-name: snowflakes-fall,snowflakes-shake;
    animation-duration: 10s,3s;
    animation-timing-function: linear,ease-in-out;
    animation-iteration-count: infinite,infinite;
    animation-play-state: running,running
}

    .snowflake:nth-of-type(0) {
        left: 1%;
        -webkit-animation-delay: 0s,0s;
        animation-delay: 0s,0s
    }

    .snowflake:nth-of-type(1) {
        left: 10%;
        -webkit-animation-delay: 1s,1s;
        animation-delay: 1s,1s
    }

    .snowflake:nth-of-type(2) {
        left: 20%;
        -webkit-animation-delay: 6s,.5s;
        animation-delay: 6s,.5s
    }

    .snowflake:nth-of-type(3) {
        left: 30%;
        -webkit-animation-delay: 4s,2s;
        animation-delay: 4s,2s
    }

    .snowflake:nth-of-type(4) {
        left: 40%;
        -webkit-animation-delay: 2s,2s;
        animation-delay: 2s,2s
    }

    .snowflake:nth-of-type(5) {
        left: 50%;
        -webkit-animation-delay: 8s,3s;
        animation-delay: 8s,3s
    }

    .snowflake:nth-of-type(6) {
        left: 60%;
        -webkit-animation-delay: 6s,2s;
        animation-delay: 6s,2s
    }

    .snowflake:nth-of-type(7) {
        left: 70%;
        -webkit-animation-delay: 2.5s,1s;
        animation-delay: 2.5s,1s
    }

    .snowflake:nth-of-type(8) {
        left: 80%;
        -webkit-animation-delay: 1s,0s;
        animation-delay: 1s,0s
    }

    .snowflake:nth-of-type(9) {
        left: 90%;
        -webkit-animation-delay: 3s,1.5s;
        animation-delay: 3s,1.5s
    }

    .snowflake:nth-of-type(10) {
        left: 25%;
        -webkit-animation-delay: 2s,0s;
        animation-delay: 2s,0s
    }

    .snowflake:nth-of-type(11) {
        left: 65%;
        -webkit-animation-delay: 4s,2.5s;
        animation-delay: 4s,2.5s
    }
#holiday-logowrapper {
    width: 100%;
    background-color: white;
}
    #holiday-logowrapper img {
        display: block;
        margin: 0 auto;
        width: 25%;
    }
#holidaywrapper {
    width: 100%;
    padding-bottom: 24.5%;
    background: url('/media/general/holidaybg.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-attachment: scroll;
    background-color: #1c217a;
    text-align:center;
}
#holidaytitle {
    font-family: 'MonteCarlo', cursive;
    color: #E8E9ED;
    text-align: center;
    font-size: 85px;
    padding-bottom: 0.5%;
    text-shadow: 2px 2px 5px red;
    margin-left: 3%;
    margin-right: 3%;
}
#greekfont{
    display:block;
    margin:0 auto;
    width:30%;
    padding-top:1%;
    padding-bottom:1%;
}
#holidaysubtitle {
    font-family: 'Noto Sans', sans-serif;
    color: #E8E9ED;
    text-align: center;
    font-size: 22px;
    margin-left: 15%;
    margin-right: 15%;
    text-shadow: 2px 2px 5px red;
    padding-bottom: 1.5%;
}
#holidaywrapper a {
    font-family: 'Noto Sans', sans-serif;
    background-color: red;
    color: #E8E9ED;
    padding: 0.5%;
    border-radius: 15px;
    text-decoration: none;
    font-size: 22px;
    transition:all 0.7s;
}
#holidaywrapper a:hover{
    background-color:#E8E9ED;
    color:red;
}

/*landing page media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    .snowflake {
        font-size:22px;
    }
    #holidaytitle {
        font-size: 90px;
    }
    #holidaysubtitle {
        font-size: 24px;
    }
    #holidaywrapper a {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    .snowflake {
        font-size: 26px;
    }
    #holidaytitle {
        font-size: 95px;
    }
    #holidaysubtitle {
        font-size: 28px;
    }
    #holidaywrapper a {
        font-size: 28px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    .snowflake {
        font-size: 31px;
    }
    #holidaytitle {
        font-size: 105px;
    }
    #holidaysubtitle {
        font-size: 33px;
    }
    #holidaywrapper a {
        font-size: 33px;
    }
}

@media only screen and (min-width: 2401px) {
    .snowflake {
        font-size: 46px;
    }
    #holidaytitle {
        font-size: 130px;
    }
    #holidaysubtitle {
        font-size: 48px;
    }
    #holidaywrapper a {
        font-size: 48px;
    }
}

@media only screen and (max-width: 550px) {
    #holidaysubtitle {
        margin-left: 5%;
        margin-right: 5%;
    }
}
@media only screen and (min-width: 551px) and (max-width: 900px) {
    #holiday-logowrapper img {
        width: 40%;
    }
}
@media only screen and (max-width: 550px) {
    #holiday-logowrapper img {
        width: 60%;
    }
    #holidaywrapper {
        padding-bottom: 30%;
        background-size: contain;
    }
}
@media only screen and (min-width: 701px) and (max-width: 950px) {
    #greekfont{
        width:40%;
    }
}
@media only screen and (min-width: 101px) and (max-width: 700px) {
    #greekfont {
        width: 55%;
    }
}
@media only screen and (max-width: 550px) {
    #greekfont {
        width: 75%;
    }
}
/*end of landing page media queries*/
  /*end of holiday landing page*/
/*erasmus templates webpage*/
#erasmustemplates-header {
    width: 100%;
   background-color:#E8E9ED;
    padding-top: 3%;
    padding-bottom: 0.5%;
    text-align: center;
}

    #erasmustemplates-header h1 {
        font-size: 55px;
        color: #1C217A;
        font-weight: normal;
    }

#erasmustemplates-title {
    width: 100%;
    background-color: #E8E9ED;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    text-align: center;
    color: #101EE2;
    font-size: 35px;
    font-weight: bold;
}

#erasmustemplates-imagetextcontainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    background-color: #E8E9ED;
}

#erasmustemplates-imagetextcontainer-image {
    width: 45%;
}

    #erasmustemplates-imagetextcontainer-image img {
        width: 85%;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }

#erasmustemplates-imagetextcontainer-text {
    width: 55%;
}

    #erasmustemplates-imagetextcontainer-text p {
        font-size: 20px;
        margin-left: 2%;
        margin-right: 10%;
        margin-top: 5.5%;
    }

#erasmustemplates-descrs {
    width: 100%;
    background-color: #E8E9ED;
}

.erasmustemplates-shortdescr {
    font-size: 20px;
    color: black;
    padding-top: 0.5%;
    padding-bottom: 1%;
}

.erasmustemplates-longdescr {
    margin-left: 5%;
    margin-right: 5%;
    font-size: 20px;
    color: black;
}

#erasmustemplates-linkcontainer {
    width: 100%;
    background-color: #E8E9ED;
    text-align: center;
   padding-top:2%;
   padding-bottom:2%;
}

    #erasmustemplates-linkcontainer a {
        color: #101EE2;
        text-decoration: none;
        background-color: #EBEBEB;
        font-size: 22px;
        padding: 0.8%;
        border-radius: 5px;
        transition: all 0.5s;
        font-weight: bold;
        margin-left: 2%;
    }

        #erasmustemplates-linkcontainer a:hover {
            color: #EBEBEB;
            background-color: #101EE2;
        }

.erasmustemplatesmobilebr {
    display: none;
}

.erasmustemplates-table {
    width: 100%;
    background-color: #E8E9ED;
    padding-top: 2%;
    padding-bottom: 2%;
}

.templatestable {
    margin: 0 auto;
    width: 90%;
    border-color: #D6D6D6;
}

.erasmustemplates-table th {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    font-size: 25px;
    background-color: #C7C7C7;
    color: black;
    border-color: #C7C7C7;
    text-align: center;
}

.templatescolumn1 {
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    font-weight: bold;
    font-size: 25px;
    color: black;
    background-color: #EDEDED;
    width: 15%;
}

.templatescolumn2 {
    background-color: #EDEDED;
    padding-top: 1%;
    padding-bottom: 1%;
    color: black;
    padding-left: 3%;
    transition: all 0.5s;
}

    .templatescolumn2:hover {
        background-color: #D6D6D6;
    }

.erasmustemplates-tabletext1 {
    font-size: 25px;
    font-weight: bold;
}

.erasmustemplates-tabletext2 {
    font-size: 20px;
}

.erasmustemplates-tabletext3 {
    font-size: 20px;
}

#erasmustemplates-form {
    width: 100%;
    padding-bottom: 5%;
    background-color: #E8E9ED;
}

    #erasmustemplates-form p {
        font-size: 20px;
        margin-left: 10%;
        margin-right: 10%;
    }

#erasmustemplateslink {
    font-size: 22px;
    color: #E8E9ED;
    text-decoration: none;
    background-color: #101EE2;
    padding: 0.75%;
    border-radius: 15px;
    box-shadow: 0 8px 10px -4px #4060ed;
}
/*erasmus templates webpage media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #erasmustemplates-header h1 {
        font-size: 58px;
    }

    #erasmustemplates-title {
        font-size: 39px;
    }

    #erasmustemplates-imagetextcontainer-text p {
        font-size: 23px;
    }

    .erasmustemplates-shortdescr {
        font-size: 23px;
    }

    .erasmustemplates-longdescr {
        font-size: 23px;
    }

    #erasmustemplates-linkcontainer a {
        font-size: 25px;
    }

    .templatescolumn1 {
        font-size: 30px;
    }

    .erasmustemplates-tabletext1 {
        font-size: 28px;
    }

    .erasmustemplates-tabletext2 {
        font-size: 23px;
    }

    .erasmustemplates-tabletext3 {
        font-size: 23px;
    }

    .erasmustemplates-table th {
        font-size: 30px;
    }

    #erasmustemplates-form p {
        font-size: 23px;
    }

    #erasmustemplateslink {
        font-size: 25px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #erasmustemplates-header h1 {
        font-size: 62px;
    }

    #erasmustemplates-title {
        font-size: 45px;
    }

    #erasmustemplates-imagetextcontainer-text p {
        font-size: 27px;
    }

    .erasmustemplates-shortdescr {
        font-size: 27px;
    }

    .erasmustemplates-longdescr {
        font-size: 27px;
    }

    #erasmustemplates-linkcontainer a {
        font-size: 29px;
    }

    .templatescolumn1 {
        font-size: 35px;
    }

    .erasmustemplates-tabletext1 {
        font-size: 32px;
    }

    .erasmustemplates-tabletext2 {
        font-size: 27px;
    }

    .erasmustemplates-tabletext3 {
        font-size: 27px;
    }

    #erasmustemplates-table th {
        font-size: 35px;
    }

    #erasmustemplates-form p {
        font-size: 27px;
    }

    #erasmustemplateslink {
        font-size: 29px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #erasmustemplates-header h1 {
        font-size: 75px;
    }

    #erasmustemplates-title {
        font-size: 55px;
    }

    #erasmustemplates-imagetextcontainer-text p {
        font-size: 34px;
        margin-top: 0%;
    }

    .erasmustemplates-shortdescr {
        font-size: 34px;
    }

    .erasmustemplates-longdescr {
        font-size: 34px;
    }

    #erasmustemplates-linkcontainer a {
        font-size: 36px;
    }

    .templatescolumn1 {
        font-size: 45px;
    }

    .erasmustemplates-tabletext1 {
        font-size: 40px;
    }

    .erasmustemplates-tabletext2 {
        font-size: 34px;
    }

    .erasmustemplates-tabletext3 {
        font-size: 34px;
    }

    #erasmustemplates-table th {
        font-size: 40px;
    }

    #erasmustemplates-form p {
        font-size: 34px;
    }

    #erasmustemplateslink {
        font-size: 36px;
    }
}

@media only screen and (min-width: 2401px) {
    #erasmustemplates-header h1 {
        font-size: 100px;
    }

    #erasmustemplates-title {
        font-size: 70px;
    }

    #erasmustemplates-imagetextcontainer-text p {
        font-size: 45px;
        margin-top: 0%;
    }

    .erasmustemplates-shortdescr {
        font-size: 45px;
    }

    .erasmustemplates-longdescr {
        font-size: 45px;
    }

    #erasmustemplates-linkcontainer a {
        font-size: 47px;
    }

    .templatescolumn1 {
        font-size: 55px;
    }

    .erasmustemplates-tabletext1 {
        font-size: 50px;
    }

    .erasmustemplates-tabletext2 {
        font-size: 45px;
    }

    .erasmustemplates-tabletext3 {
        font-size: 45px;
    }

    .erasmustemplates-table th {
        font-size: 50px;
    }

    #erasmustemplates-form p {
        font-size: 45px;
    }

    #erasmustemplateslink {
        font-size: 47px;
    }
}

@media only screen and (min-width: 1121px) and (max-width: 1200px) {
    #erasmustemplates-imagetextcontainer-image img {
        width: 90%;
    }

    #erasmustemplates-imagetextcontainer-text p {
        margin-top: 2.5%;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1120px) {
    #erasmustemplates-imagetextcontainer-image img {
        width: 95%;
    }

    #erasmustemplates-imagetextcontainer-text p {
        margin-top: 0.5%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 1000px) {
    #erasmustemplates-imagetextcontainer {
        flex-direction: column;
    }

    #erasmustemplates-imagetextcontainer-image {
        width: 100%;
    }

        #erasmustemplates-imagetextcontainer-image img {
            width: 65%;
        }

    #erasmustemplates-imagetextcontainer-text {
        width: 100%;
    }

        #erasmustemplates-imagetextcontainer-text p {
            margin-left: 10%;
            margin-right: 10%;
            margin-top: 1.5%;
        }
}

@media only screen and (min-width: 501px) and (max-width: 600px) {
    #erasmustemplates-imagetextcontainer {
        flex-direction: column;
    }

    #erasmustemplates-imagetextcontainer-image {
        width: 100%;
    }

        #erasmustemplates-imagetextcontainer-image img {
            width: 85%;
        }

    #erasmustemplates-imagetextcontainer-text {
        width: 100%;
    }

        #erasmustemplates-imagetextcontainer-text p {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 1.5%;
        }
}

@media only screen and (max-width: 500px) {
    #erasmustemplates-imagetextcontainer {
        flex-direction: column;
    }

    #erasmustemplates-imagetextcontainer-image {
        width: 100%;
    }

        #erasmustemplates-imagetextcontainer-image img {
            width: 95%;
        }

    #erasmustemplates-imagetextcontainer-text {
        width: 100%;
    }

        #erasmustemplates-imagetextcontainer-text p {
            margin-left: 5%;
            margin-right: 5%;
            margin-top: 1.5%;
        }
}

@media only screen and (max-width: 500px) {
    #erasmustemplateslink {
        padding: 2%;
    }
}

@media only screen and (max-width: 570px) {
    .templatestable {
        width: 98%;
    }
}

@media only screen and (max-width: 520px) {
    .erasmustemplatesmobilebr {
        display: unset;
    }
}
/*end of erasmus templates webpage media queries*/
/*end of erasmus templates webpage*/

/*captcha styling*/
#captchacontainer{
    display:flex;
    justify-content:center;
    align-items:center;
}
#captcha{
    font-size:20px;
    color:#E8E9ED;
}
/*captcha media queries*/
@media only screen and (min-width: 1400px) and (max-width: 1549px) {
    #captcha {
        font-size: 23px;
    }
}

@media only screen and (min-width: 1550px) and (max-width: 1900px) {
    #captcha {
        font-size: 27px;
    }
}

@media only screen and (min-width: 1901px) and (max-width: 2400px) {
    #captcha {
        font-size: 33px;
    }
}

@media only screen and (min-width: 2401px) and (max-width: 3000px) {
    #captcha {
        font-size: 40px;
    }
}

@media only screen and (min-width: 3001px) {
    #captcha {
        font-size: 55px;
    }
}
/*end of captcha media queries*/
/*end of captcha styling*/