@charset "UTF-8";


/*デバイス共通部分*/
body{
  -webkit-text-size-adjust:100%;
  font-family:Century;
  margin:0;
  padding:0;
}

ul{
  list-style:none;
}

.clearfix::after{
    content:"";
    display:block;
    clear:both;
}

/*以下よりスマホ用記述*/
@media(max-width:767px){

  header{
    background-color:#eee;
    width:100%;
    height:50px;
  }

  .header-icon{
    padding:0;
    margin:5px 0 0 10px;
    float:left;
  }

  .header-icon i{
    padding:0;
    margin:0;
    font-size:40px;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .site-title{
    padding:0;
    margin:20px 0 0 10px;
    float:left;
  }

  .site-title p{
    padding:0;
    margin:0;
    font-size:20px;
    border-bottom:1px solid #bbb;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .header-menu ul{
    padding:50px 0 0 0;
    margin:0;
    width:100%;
    text-align:center;
  }

  .header-menu li{
    padding:0;
    margin:0;
    width:100%;
    background-color:#ddd;
    border-bottom:0.5px solid #fff;
    display:none;
    z-index:2;
    position:relative;
  }

  .header-menu a{
    padding:10px 0;
    margin:0;
    font-size:17px;
    color:#000;
    text-shadow:1px 1px 0 #fff;
    text-decoration:none;
    display:block;
  }

  .header-menu a:hover{
    transition:0.5s;
    background-color:#fff;
    color:#bbb;
  }

  #navbar{
    padding:0;
    margin:15px 20px 0 0;
    position:absolute;
    top:0;
    right:0;
  }

  #navbar i{
    padding:0;
    margin:0;
    font-size:25px;
    color:#bbb;
  }






  .main-image{
    padding:0;
    margin:0;
    width:100%;
    height:550px;
    background-image:url("../img/main-image-sp.jpg");
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position:center 40%;
    opacity:0.8;
    z-index:1;
  }

  .main-image-text{
    /* jquery------------------------------- */
    display:none;
    /* jquery------------------------------- */
    padding:200px 0 0 0;
    margin:0;
    text-align:center;
  }

  .main-image-text h1{
    padding:0;
    margin:0;
    font-size:30px;
    color:#848472;
    text-shadow:2px 2px 0 #fff;
  }

  .main-image-text P{
    padding:0;
    margin:0;
    font-size:17px;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px 0 #000;
  }





  .about-site{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:100px auto;
    width:95%;
    height:230px;
    /* background-color:#ccc; */
  }

  .about-site.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .about-site-title{
    padding:0;
    margin:0;
    float:left;
    width:29%;
    height:230px;
    border-right:1px solid #bbb;
  }

  .about-site-title p{
    padding:0;
    margin:100px 10px 0 0;
    text-align:right;
    color:#848472;
    font-size:20px;
  }

  .about-site-text{
    padding:0;
    margin:0;
    float:left;
    width:70%;
    height:230px;
  }

  .about-site-text p{
    padding:10px;
    margin:0;
    color:#848472;
    font-size:13px;
  }




  .what-georgia{
    padding:0;
    margin:0 0 100px 0;
    background-color:#eee;
  }

  .what-georgia-title{
    padding:50px 0 60px;
    margin:0 auto;
    text-align:center;
  }

  .what-georgia-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
    font-size:23px;
  }

  .what-georgia-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .what-georgia-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .what-georgia-title p.scroll{
    /* jquery------------------------------- */
    width:60%;
    /* jquery------------------------------- */
  }

  .what-georgia-text{
    /* jquery------------------------------- */
    transition:2s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
  }

  .what-georgia-text.scroll{
    /* jquery------------------------------- */
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-text h2{
    padding:20px 0 0 0;
    margin:0 auto;
    width:50%;
    border-bottom:1px solid #bbb;
    text-align:center;
  }

  .what-georgia-text p{
    padding:5px 0;
    margin:20px auto 10px;
    width:90%;
    color:#848472;
    background-color:#fff;
  }

  .what-georgia-map{
    padding:0;
    margin:0;
    height:200px;
  }

  .what-georgia-map img{
    padding:0;
    margin:0;
    width:100%;
    height:200px;
  }

  .what-georgia-map i{
    font-size:60px;
    color:#000080;
    position:relative;
    bottom:125px;
    left:60px;
  }



  .what-georgia-data{
    padding:50px 0 0 0;
    margin:200px 0 0 0;
    height:430px;
    border-top:1px solid #000;
  }

  .what-georgia-data h2{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:10px auto 0;
    width:40%;
    border-bottom:1px solid #bbb;
    text-align:center;
  }

  .what-georgia-data h2.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-data table{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:30px auto 0;
    width:95%;
    border:1px solid #000;
  }

  .what-georgia-data table.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-data tr{
    padding:0;
    margin:0;
    background-color:#fff;
  }

  .what-georgia-data th{
    padding:10px 0;
    margin:0;
    background-color:#ddd;
  }

  .what-georgia-data td{
    padding:0 5px;
    margin:0;
    color:#848472;
  }

  .what-georgia-data-image{
    padding:0;
    margin:0;
    height:250px;
  }

  .what-georgia-data-image img{
    padding:0;
    margin:0;
    width:100%;
    height:250px;
  }

  .what-georgia-data-image p{
    padding:0;
    margin:0 auto;
    width:95%;
    position:relative;
    text-align:center;
    bottom:40px;
    color:#fff;
    border-bottom:1px solid #fff;
  }





  .attraction{
    padding:0 0 100px 0;
    margin:0 0 100px 0;
  }

  .attraction-title{
    padding:50px 0 100px;
    margin:0 auto;
    text-align:center;
  }

  .attraction-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
    font-size:22px;
  }

  .attraction-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .attraction-title span{
    font-size:18px;
  }

  .attraction-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .attraction-title p.scroll{
    /* jquery------------------------------- */
    width:80%;
    /* jquery------------------------------- */
  }

  .attraction-point-1{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 70px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 auto 50px;
    width:90%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
  }

  .attraction-point-1.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-1{
    padding:30px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-1 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-1 p{
    color:#848472;
  }

  .attraction-point-2{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 70px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 auto 50px;
    width:90%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
  }

  .attraction-point-2.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-2{
    padding:30px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-2 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-2 p{
    color:#848472;
  }

  .attraction-point-3{
    /* jquery------------------------------- */
    transition:2s;
    transform:translate(0, 70px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 auto;
    width:90%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
  }

  .attraction-point-3.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-3{
    padding:50px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-3 h2{
    border-bottom:2px solid #bbb;
    font-size:18px;
  }

  .attraction-text-3 p{
    color:#848472;
  }






  .city{
    padding:0;
    margin:0 0 100px 0;
    height:2000px;
  }

  .city-title{
    padding:30px 0;
    margin:0 auto;
    text-align:center;
  }

  .city-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .city-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .city-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .city-title p.scroll{
    /* jquery------------------------------- */
    width:50%;
    /* jquery------------------------------- */
  }

  .city ul{
    padding:0;
    margin:0 auto;
    width:95%;
    list-style:none;
  }

  .city li{
    padding:0;
    margin:100px 10px;
    border-top:1px solid #848472;
    border-bottom:1px solid #848472;
  }

  .tbilisi{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .tbilisi.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .mtskheta{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .mtskheta.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .stepantsminda{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .stepantsminda.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .city-name{
    padding:0;
    margin:0;
    text-align:center;
  }

  .city-name p{
    padding:10px 5px;
    margin:0;
    color:#848472;
    font-weight:bold;
    text-shadow:1px 1px 0 #000;
  }

  .city-image{
    padding:0;
    margin:0;
    width:100%;
  }

  .city-image img{
    padding:0;
    margin:0;
    width:100%;
  }

  .city-text{
    padding:0;
    margin:0;
    height:170px;
  }

  .city-text p{
    padding:5px;
    margin:0;
    color:#848472;
    font-size:15px;
  }






  .photos{
    padding:70px 0 50px;
    margin:0 0 100px 0;
    background-color:#eee;
  }

  .photos-title{
    padding:30px 0;
    margin:0 auto;
    text-align:center;
  }

  .photos-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .photos-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1;
    /* jquery------------------------------- */
  }

  .photos-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .photos-title p.scroll{
    /* jquery------------------------------- */
    width:70%;
    /* jquery------------------------------- */
  }

  .buttons{
    padding:0;
    margin:60px auto 30px;
    text-align:center;
    width:90%;
    border-bottom:1px solid #848472;
  }

  button{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:5px 20px;
    margin:10px;
    color:#848472;
    border:1px solid #848472;
    display:inline-block;
    cursor:pointer;
  }

  button.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  button:hover{
    transition:0.6s;
    background-color:#848472;
    color:#fff;
  }

  .photos-btn li:hover{
    transition:0.5s;
    background-color:#848472;
    color:#fff;
  }

  .photos-images{
    padding:0;
    margin:0;
    background-color:#eee;
  }

  .photos-images ul{
    padding:0;
    margin:20px auto 0;
    width:95%;
  }

  .photos-images li{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:1px;
    width:48%;
    display:inline-block;
  }

  .photos-images li.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .photos-images img{
    width:100%;
    height:130px;
  }

  .photos-images img:hover{
    opacity:0.5;
  }




  .contact{
    padding:0;
    margin:50px 0 100px;
  }

  .contact-form{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0 0 50px;
    margin:0 auto;
    width:70%;
    text-align:center;
    background-color:#eee;
  }

  .contact-form.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .contact-form p{
    padding:20px 0 40px;
    margin:0 auto;
    width:90%;
  }

  .contact-form a{
    padding:10px 60px;
    margin:0 auto;
    width:50%;
    color:#848472;
    background-color:#fff;
    text-decoration:none;
  }

  .contact-form a:hover{
    transition:0.8s;
    color:#fff;
    background-color:#848472;
  }





  footer{
    background-color:#eee;
    width:100%;
    height:100px;
    margin:auto 0 0 0;
  }

  .footer-icon{
    padding:0;
    margin:15px 0 0 60px;
    float:left;
  }

  .footer-icon i{
    padding:0;
    margin:0;
    font-size:50px;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .footer-fix{
    display:flex;
    flex-direction:column;
    min-height:100vh;
  }

  .footer-text{
    float:left;
    margin:20px 0 0 30px;
  }

  .footer-text h2{
    padding:0;
    margin:0;
    font-size:18px;
  }

  .footer-text p{
    padding:0;
    margin:5px 0 0 0;
    font-size:13px;
  }

}





/*以下よりタブレット用記述*/
@media(min-width:768px) and (max-width:1024px){

  header{
    background-color:#eee;
    width:100%;
    height:60px;
  }

  .header-icon{
    padding:0;
    margin:5px 0 0 15px;
    float:left;
  }

  .header-icon i{
    padding:0;
    margin:0;
    font-size:50px;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .site-title{
    padding:0;
    margin:20px 0 0 10px;
    float:left;
  }

  .site-title p{
    padding:0;
    margin:0;
    font-size:25px;
    border-bottom:1px solid #bbb;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .header-menu ul{
    padding:60px 0 0 0;
    margin:0;
    width:100%;
    text-align:center;
  }

  .header-menu li{
    padding:0;
    margin:0;
    width:100%;
    background-color:#ddd;
    border-bottom:0.5px solid #fff;
    display:none;
    z-index:2;
    position:relative;
  }

  .header-menu a{
    padding:10px 0;
    margin:0;
    font-size:17px;
    color:#000;
    text-shadow:1px 1px 0 #fff;
    text-decoration:none;
    display:block;
  }

  .header-menu a:hover{
    transition:0.5s;
    background-color:#fff;
    color:#bbb;
  }

  #navbar{
    padding:0;
    margin:25px 20px 0 0;
    position:absolute;
    top:0;
    right:0;
  }

  #navbar i{
    padding:0;
    margin:0;
    font-size:30px;
    color:#bbb;
  }






  .main-image{
    padding:0;
    margin:0;
    width:100%;
    height:600px;
    background-image:url("../img/main-image.jpg");
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position:center 40%;
    opacity:0.8;
    z-index:1;
  }

  .main-image-text{
    /* jquery------------------------------- */
    display:none;
    /* jquery------------------------------- */
    padding:250px 0 0 0;
    margin:0;
    text-align:center;
  }

  .main-image-text h1{
    padding:0;
    margin:0;
    font-size:60px;
    color:#848472;
    text-shadow:2px 2px 0 #fff;
  }

  .main-image-text P{
    padding:0;
    margin:0;
    font-size:20px;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px 0 #000;
  }



  .about-site{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:100px auto;
    width:80%;
    height:250px;
    /* background-color:#ccc; */
  }

  .about-site.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .about-site-title{
    padding:0;
    margin:0;
    float:left;
    width:29%;
    height:250px;
    border-right:1px solid #bbb;
  }

  .about-site-title p{
    padding:0;
    margin:100px 10px 0 0;
    text-align:right;
    color:#848472;
    font-size:25px;
  }

  .about-site-text{
    padding:0;
    margin:0;
    float:left;
    width:70%;
    height:250px;
  }

  .about-site-text p{
    padding:35px 10px;
    margin:0;
    color:#848472;
  }




  .what-georgia{
    padding:0;
    margin:0 0 100px 0;
    background-color:#eee;
  }

  .what-georgia-title{
    padding:50px 0 100px;
    margin:0 auto;
    text-align:center;
  }

  .what-georgia-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .what-georgia-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .what-georgia-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .what-georgia-title p.scroll{
    /* jquery------------------------------- */
    width:40%;
    /* jquery------------------------------- */
  }

  .what-georgia-text{
    /* jquery------------------------------- */
    transition:2s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    width:50%;
    height:330px;
    float:right;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
  }

  .what-georgia-text.scroll{
    /* jquery------------------------------- */
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-text h2{
    padding:0;
    margin:5px auto 0;
    width:40%;
    border-bottom:1px solid #bbb;
    text-align:center;
  }

  .what-georgia-text p{
    padding:5px;
    margin:10px auto;
    width:80%;
    color:#848472;
    background-color:#fff;
  }

  .what-georgia-map{
    padding:0;
    margin:0;
    width:50%;
    height:330px;
    float:right;
  }

  .what-georgia-map img{
    padding:0;
    margin:0;
    width:100%;
    height:330px;
  }

  .what-georgia-map i{
    font-size:70px;
    color:#000080;
    position:relative;
    bottom:185px;
    left:60px;
  }



  .what-georgia-data{
    padding:0;
    margin:200px 0 0 0;
    width:50%;
    height:450px;
    float:left;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
  }

  .what-georgia-data h2{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:10px auto 0;
    width:40%;
    border-bottom:1px solid #bbb;
    text-align:center;
  }

  .what-georgia-data h2.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-data table{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:30px auto 0;
    width:95%;
    border:1px solid #000;
  }

  .what-georgia-data table.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-data tr{
    padding:0;
    margin:0;
    background-color:#fff;
  }

  .what-georgia-data th{
    padding:10px 0;
    margin:0;
    background-color:#ddd;
  }

  .what-georgia-data td{
    padding:0 5px;
    margin:0;
    color:#848472;
  }

  .what-georgia-data-image{
    padding:0;
    margin:200px 0 0 0;
    width:50%;
    height:450px;
    float:left;
  }

  .what-georgia-data-image img{
    padding:0;
    margin:0;
    width:100%;
    height:450px;
  }

  .what-georgia-data-image p{
    padding:0;
    margin:0 auto;
    width:95%;
    position:relative;
    text-align:center;
    bottom:40px;
    color:#fff;
    border-bottom:1px solid #fff;
  }







  .attraction{
    padding:0 0 100px 0;
    margin:0 0 100px 0;
  }

  .attraction-title{
    padding:50px 0 100px;
    margin:0 auto;
    text-align:center;
  }

  .attraction-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .attraction-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .attraction-title span{
    font-size:20px;
  }

  .attraction-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .attraction-title p.scroll{
    /* jquery------------------------------- */
    width:55%;
    /* jquery------------------------------- */
  }

  .attraction-point-1{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(-70px, 0);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 auto 50px;
    width:50%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
  }

  .attraction-point-1.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-1{
    padding:30px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-1 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-1 p{
    color:#848472;
  }

  .attraction-point-2{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(-70px, 0);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 auto 50px;
    width:50%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
  }

  .attraction-point-2.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-2{
    padding:30px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-2 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-2 p{
    color:#848472;
  }

  .attraction-point-3{
    /* jquery------------------------------- */
    transition:2s;
    transform:translate(-70px, 0);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 auto;
    width:50%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
  }

  .attraction-point-3.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-3{
    padding:50px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-3 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-3 p{
    color:#848472;
  }







  .city{
    padding:70px 0 0 0;
    margin:0 0 150px 0;
    border-top:1px solid #bbb;
  }

  .city-title{
    padding:50px 0 100px;
    margin:0 auto;
    text-align:center;
  }

  .city-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .city-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .city-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .city-title p.scroll{
    /* jquery------------------------------- */
    width:30%;
    /* jquery------------------------------- */
  }

  .city ul{
    padding:0;
    margin:0 auto;
    width:95%;
    list-style:none;
  }

  .city li{
    padding:0;
    margin:0 10px;
    width:30%;
    display:inline-block;
    border-top:1px solid #848472;
    border-bottom:1px solid #848472;
  }

  .tbilisi{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .tbilisi.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .mtskheta{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .mtskheta.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .stepantsminda{
    /* jquery------------------------------- */
    transition:2s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .stepantsminda.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .city-name{
    padding:0;
    margin:0;
    text-align:center;
  }

  .city-name p{
    padding:10px 5px;
    margin:0;
    color:#848472;
    font-weight:bold;
    text-shadow:1px 1px 0 #000;
  }

  .city-image{
    padding:0;
    margin:0;
    width:100%;
  }

  .city-image img{
    padding:0;
    margin:0;
    width:100%;
  }

  .city-text{
    padding:0;
    margin:0;
    height:250px;
  }

  .city-text p{
    padding:5px;
    margin:0;
    color:#848472;
    font-size:15px;
  }






  .photos{
    padding:100px 0;
    margin:0 0 100px 0;
    background-color:#eee;
  }

  .photos-title{
    padding:30px 0;
    margin:0 auto;
    text-align:center;
  }

  .photos-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .photos-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1;
    /* jquery------------------------------- */
  }

  .photos-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .photos-title p.scroll{
    /* jquery------------------------------- */
    width:50%;
    /* jquery------------------------------- */
  }

  .buttons{
    padding:0;
    margin:60px auto 30px;
    text-align:center;
    width:90%;
    border-bottom:1px solid #848472;
  }

  button{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:5px 20px;
    margin:20px 10px;
    color:#848472;
    border:1px solid #848472;
    display:inline-block;
    cursor:pointer;
  }

  button.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  button:hover{
    transition:0.6s;
    background-color:#848472;
    color:#fff;
  }

  .photos-images{
    padding:0;
    margin:0;
  }

  .photos-images ul{
    padding:0;
    margin:30px auto 0;
    width:90%;
  }

  .photos-images li{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:1.5px;
    width:24%;
    display:inline-block;
  }

  .photos-images li.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .photos-images img{
    width:100%;
    height:130px;
  }

  .photos-images img:hover{
    opacity:0.5;
  }





  .contact{
    padding:0;
    margin:50px 0 100px;
  }

  .contact-form{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0 0 50px;
    margin:0 auto;
    width:40%;
    text-align:center;
    background-color:#eee;
  }

  .contact-form.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .contact-form p{
    padding:20px 0 50px;
    margin:0 auto;
    width:60%;
  }

  .contact-form a{
    padding:10px 60px;
    margin:0 auto;
    width:50%;
    color:#848472;
    background-color:#fff;
    text-decoration:none;
  }

  .contact-form a:hover{
    transition:0.8s;
    color:#fff;
    background-color:#848472;
  }






  footer{
    background-color:#eee;
    width:100%;
    height:100px;
    margin-top:auto;
  }

  .footer-icon{
    padding:0;
    margin:10px 0 0 280px;
    float:left;
  }

  .footer-icon i{
    padding:0;
    margin:0;
    font-size:70px;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .footer-fix{
    display:flex;
    flex-direction:column;
    min-height:100vh;
  }

  .footer-text{
    float:left;
    margin:20px 0 0 50px;
  }

  .footer-text h2{
    padding:0;
    margin:0;
  }

  .footer-text p{
    padding:0;
    margin:5px 0 0 0;
  }

}






/*以下よりPC用記述*/
@media(min-width:1025px){

  header{
    background-color:#eee;
    width:100%;
    height:80px;
  }

  .header-icon{
    padding:0;
    margin:5px 0 0 15px;
    float:left;
  }

  .header-icon i{
    padding:0;
    margin:0;
    font-size:70px;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .site-title{
    padding:0;
    margin:40px 0 0 10px;
    float:left;
  }

  .site-title p{
    padding:0;
    margin:0;
    font-size:25px;
    border-bottom:1px solid #bbb;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .header-menu ul{
    padding:0;
    margin:50px 40px 0 0;
    float:right;
  }

  .header-menu li{
    padding:0;
    margin:0 40px 0 0;
    display:inline-block;
  }

  .header-menu a{
    padding:0;
    margin:0;
    font-size:17px;
    color:#000;
    text-shadow:1px 1px 0 #fff;
    text-decoration:none;
  }

  .header-menu a:hover{
    transition:0.3s;
    border-bottom:1.5px solid #000;
    color:#bbb;
  }

  #navbar{
    display:none;
  }






  .main-image{
    padding:0;
    margin:0;
    width:100%;
    height:800px;
    background-image:url("../img/main-image.jpg");
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position:center 40%;
    opacity:0.8;
  }

  .main-image-text{
    /* jquery------------------------------- */
    display:none;
    /* jquery------------------------------- */
    padding:250px 0 0 0;
    margin:0;
    text-align:center;
  }

  .main-image-text h1{
    padding:0;
    margin:0;
    font-size:60px;
    color:#848472;
    text-shadow:2px 2px 0 #fff;
  }

  .main-image-text P{
    padding:0;
    margin:0;
    font-size:20px;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px 0 #000;
  }




  .about-site{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:100px auto;
    width:60%;
    height:250px;
  }

  .about-site.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .about-site-title{
    padding:0;
    margin:0;
    float:left;
    width:29%;
    height:250px;
    border-right:1px solid #bbb;
  }

  .about-site-title p{
    padding:0;
    margin:100px 10px 0 0;
    text-align:right;
    color:#848472;
    font-size:25px;
  }

  .about-site-text{
    padding:0;
    margin:0;
    float:left;
    width:70%;
    height:250px;
  }

  .about-site-text p{
    padding:50px 10px;
    margin:0;
    color:#848472;
  }




  .what-georgia{
    padding:0;
    margin:0 0 100px 0;
    background-color:#eee;
    height:1200px;
  }

  .what-georgia-title{
    padding:50px 0 100px;
    margin:0 auto;
    text-align:center;
  }

  .what-georgia-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .what-georgia-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .what-georgia-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .what-georgia-title p.scroll{
    /* jquery------------------------------- */
    width:30%;
    /* jquery------------------------------- */
  }

  .what-georgia-text{
    /* jquery------------------------------- */
    transition:2s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    width:50%;
    height:300px;
    float:right;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
  }

  .what-georgia-text.scroll{
    /* jquery------------------------------- */
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-text h2{
    padding:0;
    margin:20px auto 0;
    width:40%;
    border-bottom:1px solid #bbb;
    text-align:center;
  }

  .what-georgia-text p{
    padding:5px;
    margin:30px auto;
    width:80%;
    color:#848472;
    background-color:#fff;
  }

  .what-georgia-map{
    padding:0;
    margin:0;
    width:50%;
    height:300px;
    float:right;
  }

  .what-georgia-map img{
    padding:0;
    margin:0;
    width:100%;
    height:300px;
  }

  .what-georgia-map i{
    font-size:70px;
    color:#000080;
    position:relative;
    bottom:170px;
    left:120px;
  }



  .what-georgia-data{
    padding:0;
    margin:100px 0 0 0;
    width:50%;
    height:450px;
    float:left;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
  }

  .what-georgia-data h2{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:20px auto 0;
    width:40%;
    border-bottom:1px solid #bbb;
    text-align:center;
  }

  .what-georgia-data h2.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-data table{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:50px auto 0;
    width:90%;
    border:1px solid #000;
  }

  .what-georgia-data table.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .what-georgia-data tr{
    padding:0;
    margin:0;
    background-color:#fff;
  }

  .what-georgia-data th{
    padding:10px 0;
    margin:0;
    background-color:#ddd;
  }

  .what-georgia-data td{
    padding:0 5px;
    margin:0;
    color:#848472;
  }

  .what-georgia-data-image{
    padding:0;
    margin:100px 0 0 0;
    width:50%;
    height:450px;
    float:left;
  }

  .what-georgia-data-image img{
    padding:0;
    margin:0;
    width:100%;
    height:450px;
  }

  .what-georgia-data-image p{
    padding:0;
    margin:0 auto;
    width:70%;
    position:relative;
    text-align:center;
    bottom:40px;
    color:#fff;
    border-bottom:1px solid #fff;
  }






  .attraction{
    padding:0 0 100px 0;
    margin:0 0 100px 0;
  }

  .attraction-title{
    padding:50px 0 100px;
    margin:0 auto;
    text-align:center;
  }

  .attraction-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .attraction-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .attraction-title span{
    font-size:20px;
  }

  .attraction-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .attraction-title p.scroll{
    /* jquery------------------------------- */
    width:40%;
    /* jquery------------------------------- */
  }

  .attraction-point-1{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 70px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 10px 0 20px;
    width:30%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
    display:inline-block;
  }

  .attraction-point-1.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-1{
    padding:30px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-1 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-1 p{
    color:#848472;
  }

  .attraction-point-2{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 70px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 10px;
    width:30%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
    display:inline-block;
  }

  .attraction-point-2.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-2{
    padding:30px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-2 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-2 p{
    color:#848472;
  }

  .attraction-point-3{
    /* jquery------------------------------- */
    transition:2s;
    transform:translate(0, 70px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0 10px;
    width:30%;
    height:330px;
    border:5px solid #bbb;
    border-radius:170px;
    display:inline-block;
  }

  .attraction-point-3.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .attraction-text-3{
    padding:30px 0 0 0;
    margin:0 auto;
    width:80%;
    text-align:center;
  }

  .attraction-text-3 h2{
    border-bottom:2px solid #bbb;
    font-size:20px;
  }

  .attraction-text-3 p{
    color:#848472;
  }





  .city{
    padding:100px 0 0 0;
    margin:0 0 200px 0;
    /* height:800px; */
    border-top:1px solid #bbb;
  }

  .city-title{
    padding:50px 0 100px;
    margin:0 auto;
    text-align:center;
  }

  .city-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .city-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1.5;
    /* jquery------------------------------- */
  }

  .city-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .city-title p.scroll{
    /* jquery------------------------------- */
    width:20%;
    /* jquery------------------------------- */
  }

  .city ul{
    padding:0;
    margin:0 auto;
    width:90%;
    list-style:none;
  }

  .city li{
    padding:0;
    margin:0 16px;
    width:30%;
    display:inline-block;
    border-top:1px solid #848472;
    border-bottom:1px solid #848472;
  }

  .tbilisi{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .tbilisi.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .mtskheta{
    /* jquery------------------------------- */
    transition:1.5s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .mtskheta.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .stepantsminda{
    /* jquery------------------------------- */
    transition:2s;
    transform:translate(0, 100px);
    opacity:0;
    /* jquery------------------------------- */
  }

  .stepantsminda.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .city-name{
    padding:0;
    margin:0;
    text-align:center;
  }

  .city-name p{
    padding:10px 5px;
    margin:0;
    color:#848472;
    font-weight:bold;
    text-shadow:1px 1px 0 #000;
  }

  .city-image{
    padding:0;
    margin:0;
    width:100%;
  }

  .city-image img{
    padding:0;
    margin:0;
    width:100%;
  }

  .city-text{
    padding:0;
    margin:0;
    height:190px;
  }

  .city-text p{
    padding:10px;
    margin:0;
    color:#848472;
  }





  .photos{
    padding:100px 0;
    margin:0 0 100px 0;
    background-color:#eee;
  }

  .photos-title{
    padding:30px 0;
    margin:0 auto;
    text-align:center;
  }

  .photos-title h1{
    /* jquery------------------------------- */
    transition:1s;
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:0;
    color:#848472;
  }

  .photos-title h1.scroll{
    /* jquery------------------------------- */
    opacity:1;
    /* jquery------------------------------- */
  }

  .photos-title p{
    /* jquery------------------------------- */
    transition:1s;
    width:0.01%;
    /* jquery------------------------------- */
    padding:0;
    margin:5px auto 0;
    border-bottom:2px double #000;
  }

  .photos-title p.scroll{
    /* jquery------------------------------- */
    width:30%;
    /* jquery------------------------------- */
  }

  .buttons{
    padding:0;
    margin:60px auto 30px;
    text-align:center;
    width:60%;
    border-bottom:1px solid #848472;
  }

  button{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:5px 20px;
    margin:20px;
    color:#848472;
    border:1px solid #848472;
    display:inline-block;
    cursor:pointer;
  }

  button.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  button:hover{
    transition:0.6s;
    background-color:#848472;
    color:#fff;
  }

  .photos-images{
    padding:0;
    margin:0;
  }

  .photos-images ul{
    padding:0;
    margin:0 auto;
    width:80%;
  }

  .photos-images li{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0;
    margin:1px;
    width:19%;
    display:inline-block;
  }

  .photos-images li.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .photos-images img{
    width:100%;
    height:160px;
  }

  .photos-images img:hover{
    opacity:0.5;
  }





  .contact{
    padding:0;
    margin:50px 0 100px;
  }

  .contact-form{
    /* jquery------------------------------- */
    transition:1s;
    transform:translate(0, 50px);
    opacity:0;
    /* jquery------------------------------- */
    padding:0 0 50px;
    margin:0 auto;
    width:30%;
    text-align:center;
    background-color:#eee;
  }

  .contact-form.scroll{
    /* jquery------------------------------- */
    transform:translate(0, 0);
    opacity:1;
    /* jquery------------------------------- */
  }

  .contact-form p{
    padding:20px 0 50px;
    margin:0 auto;
    width:60%;
  }

  .contact-form a{
    padding:10px 60px;
    margin:0 auto;
    width:50%;
    color:#848472;
    background-color:#fff;
    text-decoration:none;
  }

  .contact-form a:hover{
    transition:0.8s;
    color:#fff;
    background-color:#848472;
  }




  footer{
    background-color:#eee;
    width:100%;
    height:100px;
    margin-top:auto;
  }

  .footer-icon{
    padding:0;
    margin:10px 0 0 500px;
    float:left;
  }

  .footer-icon i{
    padding:0;
    margin:0;
    font-size:70px;
    color:#bbb;
    text-shadow:1px 1px 0 #000;
  }

  .footer-fix{
    display:flex;
    flex-direction:column;
    min-height:100vh;
  }

  .footer-text{
    float:left;
    margin:20px 0 0 50px;
  }

  .footer-text h2{
    padding:0;
    margin:0;
  }

  .footer-text p{
    padding:0;
    margin:5px 0 0 0;
  }

}