/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

a{ text-decoration: none; color: #fff; }

/*li {display: inline;}*/

/*-----------------Mobile----------------------------*/

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

.head-wrapper{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 8vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "mheader mnavbar";
}

.grid-wrapper{
  display: grid;
  grid-template-columns: 40% 10% 10% 40%;
  grid-template-rows: 100vh 100vh 100vh 80vh 8vh 12vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "msplash msplash msplash msplash"
  "about about about about"
  "mservices mservices mservices mservices"
  "contact contact contact contact"
  "citadel citadel citadel citadel"
  "footer footer footer footer";
}


.mheader { grid-column: 1 / span 1; position: fixed;}

.mheader img { max-width: 50%; padding: 0.5vh 0 0 3vw; }

.header{ display: none; }

.header img { display: none; }

.mnavbar { grid-column: 2 / span 1;}

.mnavbar ul{ float: right; margin: 2vh 0.5vw 0vw 0; position: fixed; }

.mnavbar ul li { list-style-type: none; display: inline; padding: 0 1vw 0 0; }

.mnavbar ul li a { color: #000; font-size: 3.2vw; font-family: 'Rajdhani', sans-serif; font-weight: bold;}

.navbar{ display: none; }

.msplash { grid-column: 1 / span 4;  background-image: url('ErbilPanShot.jpeg'); /* Replace with your image */
            background-size: cover;
            background-position: center; /* Center the image */
            background-repeat: no-repeat;
      }
.splash { display: none; }

      .bluestar { margin: 20vh 6vw 0 6vw; display: flex;

            align-items: center;
            gap: 4px; }

.mbluestar{ display: none; }

.bluestar img{ max-width: 16vw;}

/*.mbluestar img { display: none; }*/

.mission h1{ color: #060693; font-size: 4.5vw; font-family: 'Rajdhani', sans-serif; font-weight: bold;}

.submission h3{ color: #060693; font-align: center; font-size: 3.5vw; font-family: 'Rajdhani', sans-serif;}



.about { grid-column: 1 / span 4; background-image: url('BC.png');
            background-size: cover;
            background-position: center; /* Center the image */
            background-repeat: no-repeat; }

.about .textbox { background-color: rgba(255, 255, 255, 0.8); max-width: 100vw; max-height: 100vh;}

.aboutpic { display: none; }

.textbox .pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 6vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.textbox p{ position: relative; margin: 4vh 10vw 0 10vw; color: #0033cc; font-size: 3.5vw; font-family: 'Rajdhani', sans-serif; }

.services { display: none;}

.services .busplanpic img{ display: none;}


.servicesR { display: none; }

.mservices { grid-column: 1 / span 4; border: 1px solid green;}

.mservices .pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 6vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.mservices .mtextblock{  position: relative; margin: 15vh 5vw 0 10vw; color: #0033cc; font-size: 3vw; font-family: 'Rajdhani', sans-serif; }

.mservices .mbusplanpic img{ position:relative; max-width: 100%; margin: 3.7vh 0 0 0; }


.contact { grid-column: 1 / span 4; border: 1px solid blue; }

.contact .pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 6vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.contact .emailform{ border: 0px solid green; margin: 10vh 10vw 2vh 10vw; }


input[type='text'], [type='email'], select, textarea {
    background-color: #f8f8f8;
  border: none;
    border-bottom: solid 2px #5b5957;
    font-family: 'Rajdhani', sans-serif;
    color:  #154360;
    font-size: 4.5vw;
  font-weight: 700;
  letter-spacing: 1px;
    margin: 0em 0 1em 0;

  /*text-transform: uppercase;*/
    width: 100%;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

input:focus { border-bottom: solid 2px red; }

textarea { height: 100px; }

textarea:focus { border-bottom: solid 2px red; }

.submit{ float:right; margin: 0 0 0 0vw;

    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:linear-gradient(to bottom, #ff3700 5%, #bc3315 100%);
    background-color:#ff3700;
    border-radius:8px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:3.5vw;
    padding:4px 18px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}
.submit:hover {
    background:linear-gradient(to bottom, #bc3315 5%, #ff3700 100%);
    background-color:#bc3315;
}
.submit:active {
    position:relative;
    top:1px;
}

.citadel { grid-column: 1 / span 4; border: 1px solid green; }

.citadel img{ max-width: 100%; margin: 3vh 0 0 0;}
}

.footer{ grid-column: 1 / span 4; background-color: #333; }

      .footercontent { margin: 1vh 5vw 2vh 5vw; display: flex;  max-height: 100%;

            align-items: center;
            gap: 2px; }



.footer .footercontent .goldstar img{ max-width: 75%; }

.footer .footercontent .address{ color: #ffcc00; font-size: 2.5vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }

.footer .footercontent .tel{ padding: 0 0 0 5%; color: #ffcc00; font-size: 2.5vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }

}


/*---------------- Tablet--------------------*/

@media screen and (min-width: 481px) and (max-width: 915px) {

.head-wrapper{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 8vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "mheader mnavbar";
}

.grid-wrapper{
  display: grid;
  grid-template-columns: 40% 10% 10% 40%;
  grid-template-rows: 100vh 100vh 100vh 80vh 8vh 12vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "msplash msplash msplash msplash"
  "about about about about"
  "mservices mservices mservices mservices"
  "contact contact contact contact"
  "citadel citadel citadel citadel"
  "footer footer footer footer";
}


.mheader { grid-column: 1 / span 1; position: fixed;}

.mheader img { max-width: 50%; padding: 0.5vh 0 0 3vw; }

.header{ display: none; }

.header img { display: none; }

.mnavbar { grid-column: 2 / span 1;}

.mnavbar ul{ float: right; margin: 2vh 0.5vw 0vw 0; position: fixed; }

.mnavbar ul li { list-style-type: none; display: inline; padding: 0 1vw 0 0; }

.mnavbar ul li a { color: #000; font-size: 3.2vw; font-family: 'Rajdhani', sans-serif; font-weight: bold; }

.navbar{ display: none; }

.msplash { grid-column: 1 / span 4;  background-image: url('ErbilPanShot.jpeg'); /* Replace with your image */
            background-size: cover;
            background-position: center; /* Center the image */
            background-repeat: no-repeat;
      }
.splash { display: none; }

      .bluestar { margin: 20vh 6vw 0 6vw; display: flex;

            align-items: center;
            gap: 4px; }

.mbluestar{ display: none; }

.bluestar img{ max-width: 16vw; }

/*.mbluestar img { display: none; }*/

.mission h1{ color: #060693; font-size: 4.5vw; font-family: 'Rajdhani', sans-serif; font-weight: bold;}

.submission h3{ color: #060693; font-align: center; font-size: 3.5vw; font-family: 'Rajdhani', sans-serif;}



.about { grid-column: 1 / span 4; background-image: url('BC.png');
            background-size: cover;
            background-position: center; /* Center the image */
            background-repeat: no-repeat; }

.about .textbox { background-color: rgba(255, 255, 255, 0.8); max-width: 100vw; max-height: 100vh;}

.aboutpic { display: none; }

.textbox .pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 6vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.textbox p{ position: relative; margin: 4vh 10vw 0 10vw; color: #0033cc; font-size: 3.5vw; font-family: 'Rajdhani', sans-serif; }

.services { display: none;}

.services .busplanpic img{ display: none;}


.servicesR { display: none; }

.mservices { grid-column: 1 / span 4; border: 1px solid green;}

.mservices .pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 6vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.mservices .mtextblock{  position: relative; margin: 15vh 5vw 0 10vw; color: #0033cc; font-size: 3vw; font-family: 'Rajdhani', sans-serif; }

.mservices .mbusplanpic img{ position:relative; max-width: 100%; margin: 3.7vh 0 0 0; }


.contact { grid-column: 1 / span 4; border: 1px solid blue; }

.contact .pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 6vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.contact .emailform{ border: 0px solid green; margin: 10vh 10vw 2vh 10vw; }


input[type='text'], [type='email'], select, textarea {
    background-color: #f8f8f8;
  border: none;
    border-bottom: solid 2px #5b5957;
    font-family: 'Rajdhani', sans-serif;
    color:  #154360;
    font-size: 4.5vw;
  font-weight: 700;
  letter-spacing: 1px;
    margin: 0em 0 1em 0;

  /*text-transform: uppercase;*/
    width: 100%;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

input:focus { border-bottom: solid 2px red; }

textarea { height: 100px; }

textarea:focus { border-bottom: solid 2px red; }

.submit{ float:right; margin: 0 0 0 0vw;

    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:linear-gradient(to bottom, #ff3700 5%, #bc3315 100%);
    background-color:#ff3700;
    border-radius:8px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:3.5vw;
    padding:4px 18px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}
.submit:hover {
    background:linear-gradient(to bottom, #bc3315 5%, #ff3700 100%);
    background-color:#bc3315;
}
.submit:active {
    position:relative;
    top:1px;
}

.citadel { grid-column: 1 / span 4; border: 1px solid green; }

.citadel img{ max-width: 100%; margin: 3vh 0 0 0;}
}

.footer{ grid-column: 1 / span 4; background-color: #333; }

      .footercontent { margin: 1vh 5vw 2vh 5vw; display: flex;  max-height: 100%;

            align-items: center;
            gap: 2px; }



.footer .footercontent .goldstar img{ max-width: 75%; }

.footer .footercontent .address{ color: #ffcc00; font-size: 2.5vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }

.footer .footercontent .tel{ padding: 0 0 0 5%; color: #ffcc00; font-size: 2.5vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }


}



/*----------------Desktop----------------------------*/

@media screen and (min-width: 915px) and (max-width: 1200px) {

.head-wrapper{
  display: grid;
  grid-template-columns: 65% 35%;
  grid-template-rows: 10vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "header navbar";
}

.grid-wrapper{
  display: grid;
  grid-template-columns: 40% 10% 10% 40%;
  grid-template-rows: 102vh 100vh 100vh 69vh 20vh 11vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "splash splash splash splash"
  "about about aboutpic aboutpic"
  "services services servicesR servicesR"
  "contact contact contact contact"
  "citaded citadel citadel citadel"
  "footer footer footer footer";
}

.header { grid-column: 1 / span 1; min-width:200%; position: fixed;}

.header img { max-width: 7%; padding: 8px; }

.navbar { grid-column: 2 / span 1; height:100%;}

.mnavbar { display: none; }

.navbar ul { padding-top: 3vh; float: right; position:fixed; }

.navbar ul li { list-style-type: none; display: inline; padding: 0 5vh 0 0;  }

.navbar ul li a { color: #000; font-size: 1vw; font-family: 'Rajdhani', sans-serif; font-weight:bold; height:100%; scroll-behavior: smooth; }

.mheader { dispaly: none; }

.mheader img { display: none; }

/*.header img { height: 128%; margin-top: -1vh; z-index: 2; }*/

.splash { grid-column: 1 / span 4;  background-image: url('ErbilPanShot.jpeg'); /* Replace with your image */
            background-size: cover;
            background-position: center; /* Center the image */
            background-repeat: no-repeat;
      }

      .bluestar { margin: 15vh 26vw 0 26vw; display: flex;

            align-items: center;
            gap: 10px; }

.msplash {display: none;}

.bluestar img{ max-width: 8vw;}

.mission h1{ color: #060693; font-size: 2vw; font-family: 'Rajdhani', sans-serif; font-weight: bold;}

.submission h3{color: #060693; font-align: center; font-size: 1.4vw; font-family: 'Rajdhani', sans-serif;}

.about { grid-column: 1 / span 2; }

.aboutpic { grid-column: 3 / span 2; }

.aboutpic img{ max-width: 100%;  max-height: 100vh; overflow: hidden; float: right; }

.services { grid-column: 1 / span 2; }

.mservices { display: none; }

.mservices { display: none; }

.mservices .mtextblock { display: none; }

.services .busplanpic img{ position:relative; max-width: 100%; margin: 14.2vh 0 0 0; }

.mservices .mbusplanpic img{ display: none; }

.servicesR { grid-column: 3 / span 2; }

.servicesR .textblock{  position: relative; margin: 25vh 10vw 0 0; color: #0033cc; font-size: 1.2vw; font-family: 'Rajdhani', sans-serif; }

.contact { grid-column: 1 / span 4; }

.citadel { grid-column: 1 / span 4; }

.citadel img{ max-width: 100%; margin: 1vh 0 0 0;}

.pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 2.5vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.textblock { position: relative; margin: 4vh 0 0 10vw; color: #0033cc; font-size: 1.2vw; font-family: 'Rajdhani', sans-serif;}

.contact .emailform{ border: 0px solid red; margin: 4vh 5vw 2vh 50vw; }

input[type='text'], [type='email'], select, textarea {
    background-color: #f8f8f8;
  border: none;
    border-bottom: solid 2px #5b5957;
    font-family: 'Rajdhani', sans-serif;
    color:  #154360;
    font-size: 1vw;
  font-weight: 700;
  letter-spacing: 1px;
    margin: 0em 0 1em 0;

  /*text-transform: uppercase;*/
    width: 70%;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

input:focus { border-bottom: solid 2px red; }

textarea { height: 100px; }

textarea:focus { border-bottom: solid 2px red; }

.submit{ float:left; margin: 0 0 0 26vw;

    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:linear-gradient(to bottom, #ff3700 5%, #bc3315 100%);
    background-color:#ff3700;
    border-radius:8px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    padding:4px 18px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}
.submit:hover {
    background:linear-gradient(to bottom, #bc3315 5%, #ff3700 100%);
    background-color:#bc3315;
}
.submit:active {
    position:relative;
    top:1px;
}

.footer{ grid-column: 1 / span 4; background-color: #333; }

      .footercontent { margin: 1vh 20vw 2vh 20vw; display: flex;  max-height: 100%;

            align-items: center;
            gap: 10px; }

.footer .footercontent .goldstar img{max-width: 75%; }

.footer .footercontent .address{ color: #ffcc00; font-size: 0.9vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }

.footer .footercontent .tel{ padding: 0 0 0 45%; color: #ffcc00; font-size: 0.9vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }


}

/*----------------Desktop-Large---------------------------*/

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

.head-wrapper{
  display: grid;
  grid-template-columns: 65% 35%;
  grid-template-rows: 10vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "header navbar";
}

.grid-wrapper{
  display: grid;
  grid-template-columns: 40% 10% 10% 40%;
  grid-template-rows: 102vh 100vh 100vh 69vh 20vh 11vh;
  grid-gap: 0px;
  /*#ffe6cc;*/
  margin: 0px 0px 0px 0px;

  grid-template-areas: 
  "splash splash splash splash"
  "about about aboutpic aboutpic"
  "services services servicesR servicesR"
  "contact contact contact contact"
  "citaded citadel citadel citadel"
  "footer footer footer footer";
}

.header { grid-column: 1 / span 1; min-width:200%; position: fixed;}

.header img { max-width: 7%; padding: 8px; }

.navbar { grid-column: 2 / span 1; height:100%;}

.mnavbar { display: none; }

.navbar ul { padding-top: 3vh; float: right; position:fixed; }

.navbar ul li { list-style-type: none; display: inline; padding: 0 5vh 0 0;  }

.navbar ul li a { color: #000; font-size: 1.5vw; font-family: 'Rajdhani', sans-serif; font-weight:bold; height:100%; scroll-behavior: smooth; }

.mheader { dispaly: none; }

.mheader img { display: none; }

/*.header img { height: 128%; margin-top: -1vh; z-index: 2; }*/

.splash { grid-column: 1 / span 4;  background-image: url('ErbilPanShot.jpeg'); /* Replace with your image */
            background-size: cover;
            background-position: center; /* Center the image */
            background-repeat: no-repeat;
      }

      .bluestar { margin: 15vh 26vw 0 26vw; display: flex;

            align-items: center;
            gap: 10px; }

.msplash {display: none;}

.bluestar img{ max-width: 8vw;}

.mission h1{ color: #060693; font-size: 2vw; font-family: 'Rajdhani', sans-serif; font-weight: bold;}

.submission h3{color: #060693; font-align: center; font-size: 1.4vw; font-family: 'Rajdhani', sans-serif;}

.about { grid-column: 1 / span 2; }

.aboutpic { grid-column: 3 / span 2; }

.aboutpic img{ max-width: 100%;  max-height: 100vh; overflow: hidden; float: right; }

.mservices { display: none; }

.mservices { display: none; }

.mservices .mtextblock { display: none; }

.services .busplanpic img{ position:relative; max-width: 100%; margin: 14.2vh 0 0 0; }

.mservices .mbusplanpic img{ display: none; }

.servicesR { grid-column: 3 / span 2; }

.servicesR .textblock{  position: relative; margin: 25vh 10vw 0 0; color: #0033cc; font-size: 1.2vw; font-family: 'Rajdhani', sans-serif; }

.contact { grid-column: 1 / span 4; }

.citadel { grid-column: 1 / span 4; }

.citadel img{ max-width: 100%; margin: 4.3vh 0 0 0;}

.pageheader { position: relative; margin: 15vh 0 0 10vw;  color: #0033cc; font-size: 2.5vw; font-family: 'Rajdhani', sans-serif; weight: bold; }

.textblock { position: relative; margin: 4vh 0 0 10vw; color: #0033cc; font-size: 1.2vw; font-family: 'Rajdhani', sans-serif;}

.contact .emailform{ border: 0px solid red; margin: 4vh 5vw 2vh 50vw; }

input[type='text'], [type='email'], select, textarea {
    background-color: #f8f8f8;
  border: none;
    border-bottom: solid 2px #5b5957;
    font-family: 'Rajdhani', sans-serif;
    color:  #154360;
    font-size: 1vw;
  font-weight: 700;
  letter-spacing: 1px;
    margin: 0em 0 1em 0;

  /*text-transform: uppercase;*/
    width: 70%;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

input:focus { border-bottom: solid 2px red; }

textarea { height: 100px; }

textarea:focus { border-bottom: solid 2px red; }

.submit{ float:left; margin: 0 0 0 26vw;

    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:linear-gradient(to bottom, #ff3700 5%, #bc3315 100%);
    background-color:#ff3700;
    border-radius:8px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    padding:4px 18px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}
.submit:hover {
    background:linear-gradient(to bottom, #bc3315 5%, #ff3700 100%);
    background-color:#bc3315;
}
.submit:active {
    position:relative;
    top:1px;
}


/* .picture .form .title { color: #222; font-size: 1.2vw; font-family: 'Rajdhani', sans-serif; font-weight: bold; }

.picture .form .error { color: #ff2800; font-size: 1vw; font-family: 'Rajdhani', sans-serif; font-weight: bold; }

.picture .form .clientmessage { color: #ff2800; font-size: 1vw; font-family: 'Rajdhani', sans-serif; font-weight: bold; }

.picture .emailform textarea { width: 50%; border: 1px solid red; background-color: #eee; margin: 2vh 25% 2vh 25%;}*/

.footer{ grid-column: 1 / span 4; background-color: #333; }

      .footercontent { margin: 1vh 20vw 2vh 20vw; display: flex;  max-height: 100%;

            align-items: center;
            gap: 10px; }



.footer .footercontent .goldstar img{max-width: 75%; }

.footer .footercontent .address{ color: #ffcc00; font-size: 0.9vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }

.footer .footercontent .tel{ padding: 0 0 0 45%; color: #ffcc00; font-size: 0.9vw; font-family: 'Open Sans', sans-serif; font-weight: light;  }

/*justify-content: center; color: #000; font-size: 3vw; font-family: 'Rajdhani', sans-serif;*/

}