@font-face {
            src:url(Font/geomanist-book-webfont.woff);
           }


/*My Code*/

/*smart phone*/

body {margin:0;
      font-family: 'geomanist', sans-serif;
      color: #484649;
      background-color: #FFFFFF;
     }

p, blockquote { font-size: .9em;
                line-height: 1.6em;
                text-align: justify;
              }

ul {list-style-type: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    color: #484649;
   }

.container {text-align: center;
            padding: .8em 1.3em;
           }
/* LOGO OLD
.logo {width: 180px;
       height: 22px;
       margin-top: 4%;
       margin-left: .5em;
       }
*/

.logo {width: 220px;
       height: 55px;
       margin-top: 1%;
       margin-left: .1em;
       }


.customer-buttons {width: 60%;
                  margin-top: 4%;
                  margin-left: .5em;
                  }

.hide-mobile {display: none;}


header {display: flex;
        justify-content: space-between;
       }

.menu {width: 25px;
       margin-top: 35%;
       margin-right: .5em;
      }

.welcome-image-container {text-align: center;
                          padding: 0;
                          margin: -2em 0 0 0;
                         }

.welcome-image {width:95%;}

.customer-image {width:90%;}

/*.copyrightlink*/

.copyrightlink {
               margin: 0.2em 1em 0em 1em;
               }

.copyrightlink a {text-decoration: none;
                 color: #484649;
                 font-size: .6em;}

.headline-container {width: 100%;
                     padding-top: -4em;
                     padding-bottom: 0em;
                     margin-top: 1em;
                     margin-bottom: -2em;
                     background:#FFFFFF;
                     color:#484649;}

h1 {font-size: 1.5em;
    text-align: center;}

  /*Travel partners page*/
h4 {margin: 2em 0em 2em 0em;
    font-size: 1.4em;
    text-decoration: none;
    text-align: center;}



.grey-container {width: 100%;
                 margin-top: 0em;
                 padding-top: 0em;
                 margin-bottom: -1em;
                 background:#FFFFFF;
                 color:#484649;}


h3 {font-style: italic;}

.white-container {padding: .5em 1.2em;
                 }

.white-container ul li {margin: .3em .6em;}

.white-container ul li a {text-decoration: none;}

.white-container img {width: 100%;}

.footer-container {width: 100%;
                   background:#ebebf4;
                   margin-top: 1em;
                   }

ul.footer-links {margin: .5em auto 0 auto;}

ul.footer-links li {display: block;
                    margin: .7em;}

ul.footer-links li a {color: #484649;
                     text-decoration: none;
                     margin: .3em;}

ul.media-buttons {margin: 1.3em auto .4em auto;}

ul.media-buttons li {display: inline-block;}

ul.media-buttons a {text-decoration: none;}

ul.media-buttons li a {text-decoration: none;}


.Copyright {font-size: .8em;}

nav ul {position: fixed;
        width: 60%;
        top: 0;
        right: 0;
        text-align: left;
        background: rgb(65, 65, 68);
        height: 45%;
        z-index: 7;
        padding-top: 4em;
       }

nav ul li a {color: white;
             text-decoration: none;
             display: block;
             width: 100%;
             padding: 1em 2em;
             background-color:#85888b;
             }

nav ul li a:hover {background-color:#5e5c62;}

.exit-btn {margin-bottom: .5em;
           margin-top: -1.1em;
           text-align: right;
           padding: 0 1.4em;
           }

.exit-btn img {width: 20px;
               cursor: pointer;
              }

/*continent pages*/

.country-img-container {padding: .8em 1.2em .5em 1.2em;}

.country-img-container ul li {margin: .3em .6em;}

.country-img-container ul li a {text-decoration: none;}

.country-img-container img {width: 100%;}

.country-flag-container {margin: -1em 0 -.5em 0;
                         padding-top: 2em;}

.country-flag-container img {width:25%;}

/*"main button"*/
.button_1 {background: #d7d7d7;
           width: calc(100%-1em);
           display: block;
           color: #484649;
           border-radius: 10px;
           padding: .2em .4em;
           font-size: .8em;
           margin: .8em auto 1.2em auto;
           border-style: none;
           cursor: pointer;
           }

.button_1:hover {background:#5e5c62;
                 color: #f1f4f9;
                 }

/*Malta*/

.country-img-container-Malta {padding: .8em 1.2em .5em 1.2em;}

.country-img-container-Malta ul li {margin: .3em .6em;}

.country-img-container-Malta ul li a {text-decoration: none;}

.country-img-container-Malta img {width: 100%;}


/*icons*/
.icons-container {text-align: center;
                  padding:.4em;
                  width:90%;
                  margin-top: 3em;
                  margin-left: 1.2em;
                }

.icons-container img {width:20%;}

.icons-container ul li {float: none;
                        display: inline-block;
                        margin-left: -1.1em;
                        margin-bottom: 1.5em;
                      }
                      .button_5 {background: #d7d7d7;
                                 width: calc(100%-1em);
                                 display: block;
                                 color: #484649;
                                 border-radius: 10px;
                                 padding: .2em .5em;
                                 text-decoration: none;
                                 font-size: .8em;
                                 margin: .8em auto 1.2em auto;
                                 border-style: none;
                                 }


.icons-container ul li a {text-decoration: none;}


.icons-text-container {text-align: center;
                      padding:.1em .6em;
                      width:75%;
                      margin-top: .1em;
                      margin-left: 1.6em;
                }

.icons-container-2 {text-align: center;
                  padding:.1em;
                  width:90%;
                  margin-top: .3em;
                  margin-left: 1em;
                }

.icons-container-2 img {width:20%;}

.icons-container-2 ul li {float: none;
                        display: inline-block;
                        margin-left: -1.1em;
                        margin-bottom: .1em;
                      }

.icons-container-2 ul li a {text-decoration: none;}

.category_button {background: #d7d7d7;
           width: calc(100%-1em);
           display: block;
           color: #484649;
           border-radius: 10px;
           padding: .2em .4em;
           font-size: .8em;
           margin: .8em auto 1.2em auto;
           border-style: none;
           cursor: pointer;
           }

iframe {width:282px;
       height:213px;}

/*link pop-ups country pages*/

.link-button {background-color:#d7d7d7;
              padding: 1em 2em;
              margin: .1em 1em 1em 1em;
              color:#484649;
              border-radius: 10px;
              font-size: .8em;
              font-weight: bold;
             }

             .link-button1 {background-color:#d7d7d7;
                           padding: 1em 5em;
                           margin: .1em 1em 1em 1em;
                           color:#484649;
                           border-radius: 10px;
                           font-size: .8em;
                           font-weight: bold;
                          }

                          .link-button2 {background-color:#d7d7d7;
                                        padding: 1em 3em;
                                        margin: .1em 1em 1em 1em;
                                        color:#484649;
                                        border-radius: 10px;
                                        font-size: .8em;
                                        font-weight: bold;
                                       }

                                       .link-button4 {background-color:#d7d7d7;
                                                     padding: 1em 3em;
                                                     margin: .1em 1em 1em 1em;
                                                     color:#484649;
                                                     border-radius: 10px;
                                                     font-size: .8em;
                                                     font-weight: bold;
                                                    }

                                                  /*  .link-button4 {background-color:#d7d7d7;
                                                                  padding: 1em 3em;
                                                                  margin: .1em 1em 1em 1em;
                                                                  color:#484649;
                                                                  border-radius: 10px;
                                                                  font-size: .8em;
                                                                  font-weight: bold;
                                                                 }   */


.link-button:hover {
                    color: #f1f4f9;
                    background: #5e5c62;}

                    .link-button1:hover {
                                        color: #f1f4f9;
                                        background: #5e5c62;}

                                        .link-button2:hover {
                                                            color: #f1f4f9;
                                                            background: #5e5c62;}

                                                            .link-button4:hover {
                                                                                color: #f1f4f9;
                                                                                background: #5e5c62;}

                                                                                /*.link-button4:hover {
                                                                                                    color: #f1f4f9;
                                                                                                    background: #5e5c62;}

                                                                                                    .link-button1:hover {
                                                                                                                        color: #484649;
                                                                                                                        background: #d7d7d7;}
                                                                                                    */



.modal {
  display:none;
  position: fixed;
  z-index: 1;
  left: 0;
  top:0;
  height:100%;
  width:100%;
  overflow:auto;
  background-color: rgba(0, 0, 0, 0.5);}

.modal2 {
  display:none;
  position: fixed;
  z-index: 1;
  left: 0;
  top:0;
  height:100%;
  width:100%;
  overflow:auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal3 {
  display:none;
  position: fixed;
  z-index: 1;
  left: 0;
  top:0;
  height:100%;
  width:100%;
  overflow:auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal4 {
  display:none;
  position: fixed;
  z-index: 1;
  left: 0;
  top:0;
  height:100%;
  width:100%;
  overflow:auto;
  background-color: rgba(0, 0, 0, 0.5);
}



.modal-content {background-color: #f4f4f4;
                margin:27% auto;
                padding-top:20px;
                padding-bottom: 5px;
                width:80%;
                color:#484649;
                font-size: 1em;
                line-height: 1.5em;
                animation-name: modalopen;
                animation-duration: 2s;
                }

.modal-body ul li a:hover {color: #484649;}

.modal-header h2 {margin: 0;
                  font-size: 1.2em;
                  text-align: center;}

.modal-header {
              background: #484649;
              padding: 15px;
              color: #fff;}

.modal-body {padding: 10px 20px;
            }

.modal-body ul li a {text-decoration: none;
                    color: #484649;}

.closeBtn {color: #fff;
           float: right;
           font-size: 30px;
           padding-top: -1em;
          }

@keyframes modalopen {
           from{opacity: 0}
           to{opacity: 2}
          }


.closeBtn:hover, .closeBtn:focus {
                                 color: #fff;
                                 text-decoration: none;
                                 cursor: pointer;
                                 }

/*Back to top*/
#top {text-decoration:none;
      color:#484649;
     font-size: 75%;}


/*Gallery index page*/
.gallery-container {padding: 2em 3em;}
.gallery-container ul {display: flex;}
.gallery-container img {width: 100%;}
.gallery-container ul li {margin: .2em .4em;
                          padding: 0 10px 0 10px;
                          }

.gallery-container a {text-decoration: none;}


/*Gallery pages*/

.gallery {margin: 1px 3px;
          padding: 1px 3px;
         }

.gallery img {width: 230px;
              padding: 1em .5em;
              filter: grayscale (100%);
              transition: 0.5s;}

.gallery img:hover {filter: grayscale(0%);
                    transform: scale(1.1);}


/*contact form 44*/

.contact-form-container {
                        width:300px;
                        padding:1em 0 1em 0;
                        margin: .5em 2em .7em 2em;
                        }

input{display: block;
      font-size:1em;
      color:#555;
      border-style:none none solid none;
      width:80%;
      margin-bottom: .7em;}


input:focus{box-shadow: none;
            border-color: #ed6315;
            outline:none;}

textarea{display: block;
        margin-bottom: 1em;
        font-size: 1.2em;
        border-style:none none solid none;
        width:80%;
        resize: none;}

textarea:focus{box-shadow: none;
               border-color: #ed6315;
               outline:none;}


.ctnbutton{display: block;
          border:solid 1px;
          border-radius: 5px;
          font-size:.8em;
          padding: .5em .7em;
          text-transform: uppercase;}

  .ctnbutton:hover{
              border-color: #ed6315;
              color:#ed6315;
              cursor: pointer;
              border-color: #ed6315;
              color:#ed6315;
              cursor: pointer;}



.customer-logo-container {text-align: center;
                         padding:.6em;
                         width:100%;
                         margin-top: 1.5em;
                         margin-left: 0em;
                         }

.customer-logo-container img {width:50%;}

.customer-logo-container ul li {float: none;
                               display: inline-block;
                               margin-left: -1.1em;
                               margin-bottom: 1em;
                               }

.customer-logo-container ul li a {text-decoration: none;}

                        /*{width:320px; height:240px;}*/

/*smart phone sideways*/

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

.logo {width:300px;
       height: 75px;
       margin-top: 0%;
       margin-left: .1em;}

.menu {
      margin-right: 1.1em;
      }

.welcome-text {margin:2em 4em 0 4em;
               font-size: 1em;}


/*terms and... text also used for About us text smart phone sideways*/
.terms-and-conditions-text {margin:0 5em;
                            font-size: 1.3em;}

h1 {font-size: 1.8em;}
h3 {font-size: 1.4em;}

.white-container {text-align: center;
                  margin-top: 1.5em;}

.white-container ul li {display:inline;}

.white-container img {width:45%;
                      margin-bottom: 1em;
                      }

ul.media-buttons li {margin: 1em .5em .4em .5em;}

ul.footer-links li {color: #484649;
                     text-decoration: none;
                     margin: 1.2em;}

.country-img-container ul {display: flex;}

.country-img-container img {width: 100%;}

.country-img-container ul li {margin: .2em .4em;
                              padding: 0 10px 0 10px;}

/*Gallery index page*/
.gallery-container {padding: 2em 3em;}
.gallery-container ul {display: flex;}

.gallery-container img {width: 100%;}

.gallery-container ul li {margin: .2em .4em;
                          padding: 0 10px 0 10px;}


                              /*Gallery pages*/

                              .gallery img {width: 100%;
                                            padding: 1em .5em;
                                            filter: grayscale(100%);
                                            transition: 0.5s;}

                              .gallery img:hover {filter: grayscale(0);
                                                  transform: scale(1.1);}

/*Malta smart phone sideways*/

.country-img-container-Malta img {width: 80%;}

/*icons*/

.icons-container {text-align:center;
                  padding: .8em 1.2em;
                  width: 90%;
                  margin: 0 auto;
                 }

.icons-container img {width:40%;}


.icons-container ul li {float:none;
                        display: inline-block;
                        padding-top: 2em;
                        margin-left: .5em;}

          .icons-text-container {text-align: center;
                                 font-size: 1.2em;
                                 padding:.1em .2em .2em 2.2em;
                                 width:70%;
                                 margin-top: .1em;
                                 margin-left: 3em;}

          .icons-container-2 {text-align: center;
                              padding:.1em;
                              width:90%;
                              margin-top: .3em;
                              margin-left: 1.4em;}

          .icons-container-2 img {width:23%;}

          .icons-container-2 ul li {float: none;
                                    display: inline-block;
                                    margin-left: .6em;
                                    margin-bottom: .1em;}

                        .icons-container-2 ul li a {text-decoration: none;}



iframe {width:560px;
        height:432px;
        }

.country-flag-container {margin: -1.5em 0 .3em 0;}

.country-flag-container img {width:15%;}

.modal-content {margin:35% auto;
                        width:90%;}


                        /*contact form 44*/

                        .contact-form-container {
                                                width:500px;
                                                padding:1em 0 1em 0;
                                                margin: 1em 2em .5em 6em;
                                                }


}

/*tablet*/

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

.logo {width:300px;
       height: 75px;
       margin-top: 0%;
       margin-left: .1em;}

.customer-buttons {width: 80%;
                  margin-top: 4%;
                  margin-left: .5em;
                  }

.welcome-image {width:95%;}

.welcome-text {margin:1.5em 4em 0 4em;
               font-size: 1.1em;}

/*terms and... text also used for About us text tablet*/
.terms-and-conditions-text {margin:0 5em;
                            font-size: 1em;}

h1 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.7em;}

.welcome-text {font-size: 1em;}

.white-container {text-align: center;
                  margin-top: 1.5em;}

.white-container ul li {display:inline;}

.white-container img {width:45%;
                      margin-bottom: 1em;
                      }

ul.media-buttons li {margin: 1em .5em .4em .5em;}

ul.footer-links li {color: #484649;
                     text-decoration: none;
                     margin: 1.2em;}

.country-img-container ul {display: flex;}

.country-img-container img {width: 100%;}

.country-img-container ul li {margin: .2em .4em;
                              padding: 0 10px 0 10px;}

  /*Gallery index page*/
.gallery-container ul {display: flex;}
.gallery-container img {width: 100%;}
.gallery-container ul li {margin: .2em .4em;
                          padding: 0 10px 0 10px;}


/*Gallery pages*/
.gallery {margin: 10px 50px;}

.gallery img {width: 230px;
              padding: 5px;
              filter: grayscale(100%);
              transition: 0.5s;}

.gallery img:hover {filter: grayscale(0);
                    transform: scale(1.1);}

/*Malta tablet*/

.country-img-container-Malta img {width: 80%;}

/*icons tablet*/

.icons-container {text-align: center;
                  padding: .8em 1.2em;
                  width: 90%;
                }

.icons-container img {width:50%;}

.icons-container ul li {float:none;
                        display:inline-block;
                        padding-left: 1.5em;
                        padding-top: 2em;
                       }

.button_5 {font-size: .9em;}

.category_button {background: #d7d7d7;
                  width: calc(100%-1em);
                  display: block;
                  color: #484649;
                  border-radius: 10px;
                  padding: .2em .4em;
                  font-size: 1em;
                  margin: .8em auto 1.2em auto;
                  border-style: none;
                  cursor: pointer;
                  }

iframe {width:640px;
        height:480px;
        }

.modal-content {margin:35% auto;
                width:85%;
                font-size: 1.2em;}

                .link-button {
                              font-size: .9em;
                              font-weight: bold;
                             }
                             .link-button1 {
                                           font-size: .9em;
                                           font-weight: bold;
                                          }

                                          .link-button2 {
                                                        font-size: .9em;
                                                        font-weight: bold;
                                                       }

                                                       .link-button4 {
                                                                     font-size: .9em;
                                                                     font-weight: bold;
                                                                    }

                                                                    .customer-logo-container {text-align: center;
                                                                                             padding:.6em;
                                                                                             width:90%;
                                                                                             margin-top: 2em;
                                                                                             margin-left: 1em;
                                                                                             }

                                                                    .customer-logo-container img {width:50%;}

                                                                    .customer-logo-container ul li {float:none;
                                                                                                   display:inline-block;
                                                                                                   padding-left: 1.5em;
                                                                                                   padding-top: 2em;
                                                                                                  }

/*Back to top*/
#top {text-decoration:none;
color:#484649;
font-size: 85%;}


.button_1 {background: #d7d7d7;
           width: calc(100%-1em);
           display: block;
           color: #484649;
           border-radius: 10px;
           padding: .2em .6em;
           text-decoration: none;
           font-size: 1em;
           margin: .8em auto 1.2em auto;
           border-style: none;
           cursor: pointer;
           }

.button_1:hover {background:#5e5c62;
                 color: #f1f4f9;
                 text-decoration: none;}


                 /*contact form 44*/

                 .contact-form-container {
                                         width:500px;
                                         padding:1em 0 1em 0;
                                         margin: 3em 2em 7em 10em;
                                         }

                                         input{display: block;
                                               font-size:1.1em;
                                               color:#555;
                                               border-style:none none solid none;
                                               width:80%;
                                               margin-bottom: .7em;}

                                               textarea{display: block;
                                                       margin-bottom: 1.1em;
                                                       font-size: 1.3em;
                                                       border-style:none none solid none;
                                                       width:80%;
                                                       resize: none;}


}


/*desktop small*/

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

.container {width:90%;
            margin: 0 auto;}

.logo {width:300px;
       height: 75px;
       margin-top: 0%;
       margin-left: 0;}

.customer-buttons {width: 100%;
                   margin-top: 4%;
                   margin-left: .5em;
                  }

h1 {font-size: 2em;}

.welcome-text {margin:1.5em 4em 0 4em;
               font-size: 1.2em;}

.terms-and-conditions-text {margin:0 7em;}

/*"main button"*/
.button_1 {background: #d7d7d7;
           width: calc(100%-1em);
           display: block;
           color: #484649;
           border-radius: 10px;
           padding: .2em .6em;
           text-decoration: none;
           font-size: 1.2em;
           margin: .8em auto 1.2em auto;
           border-style: none;
           cursor: pointer;
           }

/*icons*/
.icons-container {text-align: center;
                  padding: .8em 1.2em;
                  width:100%;
                  margin:0 auto;
                }

.icons-container img {width:50%;}

.icons-container ul li {float:none;
                        display: inline-block;
                        padding-top: 2em;
                        padding-left: 3em;}

.icons-text-container {text-align: center;
                       font-size: .7em;
                       padding:.1em .2em .2em .3em;
                       width:80%;
                       margin-top: .1em;
                       margin-left: 14em;}

                       .button_5 {font-size: 1em;}

iframe {width:832px;
        height: 624px;}

.modal-content {margin:35% auto;
                width:95%;}

                .link-button {
                              font-size: 1em;
                              font-weight: bold;
                             }

                             .link-button1 {
                                           font-size: 1em;
                                           font-weight: bold;
                                          }

                                          .link-button2 {
                                                        font-size: 1em;
                                                        font-weight: bold;
                                                       }

                                                       .link-button4 {
                                                                     font-size: 1em;
                                                                     font-weight: bold;
                                                                    }
.customer-logo-container {text-align: center;
                          padding:.6em;
                          width:90%;
                          margin-top: 2em;
                          margin-left: 1em;
                          }
.customer-logo-container img {width:75%;}
}

/*desktop big*/

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

nav ul li a {font-size: 1.3em;}


.logo {width:300px;
       height:75px;
       margin-top: 1%;
       margin-left: -1em;
       }


.welcome-image {width:100%;
                }

.welcome-image-container {text-align: center;
                          padding: 0;
                          margin-top: -2em;
                          }

.terms-and-conditions-text {margin:0 6em 0 6em;}


.container {width: 85%;
            margin: 0 auto;}

.show-desktop {display: block;
               margin: 0 auto; 13% auto;
              }

.hide-desktop {display: none;}

nav ul {position: inherit;
        width: auto;
        background: none;
        height: auto;
        display: flex;
        padding-top: 2%;
        }

nav ul li {float: left;
           }

nav ul li a {color: #484649;
             background-color: inherit;
             text-align: auto;
             padding: 1.2em 1em;}

nav ul li a:hover {background-color: inherit;}

h1 {font-size: 2em;}

h3 {font-size: 1.8em;}

p {font-size: 1.8em;}

.welcome-text {font-size: 1.2em;}

.white-container img {width:30%;
                      margin-bottom: 1em;
                      }


.icons-container {text-align: center;
                  padding: .8em 1.2em;
                  width: 90%;
                  margin: 0 auto;
                  }

.icons-container img {width:50%;}

.icons-container ul li {float:none;
                        display: inline-block;
                        padding-top: 2em;
                        padding-left: 1em;}

.button_5 {font-size: 1.1em;}

.country-flag-container img {width:10%;}

.modal-content {margin:15% auto;
                width:85%;}

/*Gallery pages*/


.gallery-container {padding: .8em 1.2em .5em 1.2em;}

.gallery {margin: 1px 3px;
          padding: 10px 15px;
         }

.gallery img {width: 230px;
              padding: 5px;
              filter: grayscale(100%);
              transition: 0.5s;}

.gallery img:hover {filter: grayscale(0);
                    transform: scale(1.1);}

                    .customer-logo-container {text-align: center;
                                              padding:.6em;
                                              width:90%;
                                              margin-top: 2em;
                                              margin-left: 3em;
                                              }
                    .customer-logo-container img {width:75%;}

/*Back to top*/
#top {text-decoration:none;
color:#484649;
font-size: 100%;}


/*contact form 44*/

.contact-form-container {
                        width:600px;
                        padding:1em 0 1em 0;
                        margin: 1.5em 2em .5em 12em;
                        }

                        input{display: block;
                              font-size:1.1em;
                              color:#555;
                              border-style:none none solid none;
                              width:90%;
                              margin-bottom: .8em;}


                        input:focus{box-shadow: none;
                                    border-color: #ed6315;
                                    outline:none;}

                        textarea{display: block;
                                margin-bottom: 1em;
                                font-size: 1.2em;
                                border-style:none none solid none;
                                width:90%;
                                resize: none;}

                        textarea:focus{box-shadow: none;
                                       border-color: #ed6315;
                                       outline:none;}


                        .ctnbutton{display: block;
                                  border:solid 1px;
                                  border-radius: 5px;
                                  font-size:.9em;
                                  padding: .5em .7em;
                                  text-transform: uppercase;}



  }

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

    /*contact form 44*/

    .contact-form-container {
                            width:600px;
                            padding:1em 0 1em 0;
                            margin: 2em 2em 2em 16em;
                            }

                            .icons-text-container {text-align: center;
                                                   font-size: .7em;
                                                   padding:.3em .2em .4em .3em;
                                                   width:70%;
                                                   margin-top: .1em;
                                                   margin-left: 25em;}


                            .icons-container-2 {text-align: center;
                                              padding:.1em;
                                              width:80%;
                                              margin-top: .3em;
                                              margin-left: 8em;
                                            }

                            .icons-container-2 img {width:25%;}

                            .icons-container-2 ul li {float: none;
                                                    display: inline-block;
                                                    margin-left: -1.1em;
                                                    margin-bottom: .1em;
                                                  }

                            .icons-container-2 ul li a {text-decoration: none;}

                            .category_button {background: #d7d7d7;
                                       width: calc(100%-1em);
                                       display: block;
                                       color: #484649;
                                       border-radius: 10px;
                                       padding: .2em .4em;
                                       font-size: 1em;
                                       margin: .8em auto 1.2em auto;
                                       border-style: none;
                                       cursor: pointer;
                                       }

}

/*desktop*/

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

.container {width: 80%;
           margin: 0 auto;}

.logo {margin-top: 1%;}

.welcome-image {width:100%;}

.welcome-text {margin:1em 6em 0 6em;}

.terms-and-conditions-text {margin:1em 4em 0 4em;
                            font-size: 1em;}

h3 {font-size: 1.7em;}

.welcome-text {font-size: 1.1em;}

/*icons*/

.icons-container {text-align: center;
                  padding: .8em 1.2em;
                  width: 90%;
                  margin: 0 auto;
                }

.icons-container img {width:50%;}

.icons-container ul li {float:none;
                        display: inline-block;
                        padding-top: 2em;
                        margin-left: 1.3em;}

.icons-container p {font-size: 1.3em;}

iframe {width: 1019px;
        height:765px;}

        .modal-header h2 {margin: 0;
                          font-size: 1.5em;
                          text-align: center;}

                          .icons-text-container {text-align: center;
                                                 font-size: .7em;
                                                 padding:.3em .2em .4em .3em;
                                                 width:50%;
                                                 margin-top: .1em;
                                                 margin-left: 32em;}


                          .icons-container-2 {text-align: center;
                                            padding:.1em;
                                            width:60%;
                                            margin-top: .3em;
                                            margin-left: 17em;
                                          }

                          .icons-container-2 img {width:30%;}


}

/*desktop 1400px*/

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

.icons-container {text-align: center;
                    padding: .8em 1.2em;
                    width: 80%;
                    margin:0 auto;
                  }

.icons-container img {width:60%;}

.icons-container ul li {float:none;
                          display: inline-block;
                          padding-top: 2em;}

.icons-container p {
                    font-size: 1.4em;}

.welcome-text {font-size: 1.2em;}

iframe {width: 1083px;
        height:813px;}

        .icons-text-container {text-align: center;
                               font-size: .8em;
                               padding:.3em .2em .4em .3em;
                               width:60%;
                               margin-top: .1em;
                               margin-left: 43em;}


        .icons-container-2 {text-align: center;
                          padding:.1em;
                          width:60%;
                          margin-top: .3em;
                          margin-left: 23em;
                        }

        .icons-container-2 img {width:30%;}


.modal-content {margin:15% auto;
                  width:80%;}

                  /*contact form 44*/

                  .contact-form-container {
                                          width:600px;
                                          padding:1em 0 1em 0;
                                          margin: 3em 2em 7em 16em;
                                          }

}

/*desktop max size*/

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

.container {width: 75%;
            margin: 0 auto;}

.logo {margin-top: 1.5%;}

.welcome-image {width:100%;}

.welcome-text {font-size: 1.2em;}

.terms-and-conditions-text {font-size: 1.1em;}

h3 {font-size: 1.8em;}

/*icons*/

.icons-container {text-align: center;
                  padding: .8em 1.2em;
                  margin: 0 auto;
                  width: 75%;
                }

.icons-container img {width:70%;}

.icons-container ul li {float:none;
                        display: inline-block;}

.icons-container p {font-size: 1.5em;}

.modal-content {margin:15% auto;
                width:70%;}


                /*contact form 44*/


                .contact-form-container {
                                        width:600px;
                                        padding:4em 0 1em 0;
                                        margin: 1em 20em 5em 25em;
                                        }

                input{display: block;
                      font-size:1.2em;
                      color:#555;
                      border-style:none none solid none;
                      width:100%;
                      margin-bottom: 1em;}


                input:focus{box-shadow: none;
                            border-color: #ed6315;
                            outline:none;}

                textarea{display: block;
                        margin-bottom: 1em;
                        font-size: 1.5em;
                        border-style:none none solid none;
                        width:100%;
                        resize: none;}

                textarea:focus{box-shadow: none;
                               border-color: #ed6315;
                               outline:none;}


                .ctnbutton{display: block;
                          border:solid 1px;
                          border-radius: 5px;
                          font-size:1em;
                          padding: .5em .7em;
                          text-transform: uppercase;}

                  .ctnbutton:hover{
                              border-color: #ed6315;
                              color:#ed6315;
                              cursor: pointer;
                              border-color: #ed6315;
                              color:#ed6315;
                              cursor: pointer;}



}