@media screen and (max-width:320px){
  .contact_footer a{
     top: 30px !important;
  }
}

* {
  margin: 0;
  padding: 0;
}

html,  body {
  height: 100%;
  overflow: hidden;
    color: rgb(88, 77, 77);
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 15px;
    text-rendering: optimizeLegibility;
}
/**************************** For fixed menu ****************************/
.ontop {
    position:fixed;
    top:0%;
    width: 100%;
    text-align: center;
    z-index: 10;
    background-color: #fff;
    padding: 10px;
    color: rgb(88, 77, 77);
    font-family: 'ArialMT', 'Arial', sans-serif;
    font-size: 15px;
}
/**************************** For scrolling ****************************/
#container,  .sections,  .section {
  position: relative;
  height: 100%;
}

.section {
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.photo {
  position: absolute;
  top: 12.5%;
  width: 100%;
  height: 75%;
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pages {
  position: fixed;
  right: 10px;
  top: 50%;
  list-style: none;
}

.pages li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgb(102, 102, 102);
  margin: 15px 0 0 7px;
}

.pages li.active {
  margin-left: 0;
  width: 10px;
  height: 10px;
  border: 4px solid rgb(102, 102, 102);
  background: none;
}
/**************************** For text buttons ****************************/
a {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a:visited {
    color: rgb(121, 121, 121);
    text-decoration: none;
}
a.class1 {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class1:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class1:hover {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class2 {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class2:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class2:hover {
    color: rgb(214, 214, 214);
    text-decoration: none;
}
a.class3 {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class3:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class3:hover {
    color: rgb(255, 211, 0);
    text-decoration: none;
}
a.class4 {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class4:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class4:hover {
    color: rgb(255, 38, 0);
    text-decoration: none;
}
a.class5 {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class5:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class5:hover {
    color: rgb(0, 119, 66);
    text-decoration: none;
}
a.class6 {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class6:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class6:hover {
    color: rgb(2, 30, 170);
    text-decoration: none;
}
a.class7 {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class7:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.class7:hover {
    color: rgb(0, 0, 0);
    text-decoration: none;
}
a.analogtxt {
        font-family: 'Lucida Sans Typewriter', 'Lucida Console', monaco, 'Bitstream Vera Sans Mono', monospace;
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.analogtxt:visited {
    color: rgb(102, 102, 102);
    text-decoration: none;
}
a.analogtxt:hover {
    color: rgb(0, 0, 0);
    text-decoration: none;
}


/**************************** For logo ****************************/
.cls-1 {
fill: none;
stroke: #666;
stroke-width: 8.92px;
}
.cls-2 {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
text-decoration: none;
}
/**************************** For menu buttons ****************************/
.menu {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
}
.menu:hover {
fill: grey;
}
.white {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
}
.white:hover {
fill: rgb(214, 214, 214);
}
.yellow {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
}
.yellow:hover {
fill: rgb(255, 211, 0);
}
.red {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
}
.red:hover {
fill: rgb(255, 38, 0);
}
.green {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
}
.green:hover {
fill: rgb(0, 119, 66);
}
.blue {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
}
.blue:hover {
fill: rgb(2, 30, 170);
}
.black {
font-size: 300px;
fill: #666;
font-family: "Bauhaus 93", 'Candal', sans-serif;
}
.black:hover {
fill: rgb(0,0,0);
}
.analog {
font-size: 300px;
fill: #666;
font-family: 'Lucida Sans Typewriter', 'Lucida Console', monaco, 'Bitstream Vera Sans Mono', monospace;
}
.analog:hover {
fill: grey;
}