/* GENERAL */


body
{
    font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,h6
{
    font-weight: bold;
}
img
{
    max-width: 100%;
    height: auto;
}



ul,ol
{
    list-style:none;
}
section
{
    padding: 25px 0 300px 0;
}
section .heading 
{
    text-align: center;
    padding-bottom: 40px;        
}
section .heading h2
{
    text-transform: uppercase;
}
.red-divider
{
    width:100px;
    height: 2px;
    background: #34a19f;
    margin: 0 auto;
}
.white-divider
{
    width:100px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
}




.button1
{
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    border: 1px solid white;
    display: inline-block;
    margin-top:  20px;
    padding: 18px 50px;
    border-radius: 3px;
    transition: all 0.3s ease-in 0s;
    background: transparent;
}
.button1:hover
{
    background: white;
    color: #34a19f;
    text-decoration: none;
}



/* ABOUT */

@media all and (max-width: 860px) {    /*phone*/
#about
{
    background: #34a19f;
    background-image: url(css/xp2phone.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 150px;
    position: fixed;
    display: block;
}
}


@media all and (min-width: 860px) {    /*pc*/
#about
{
    background: #34a19f;
    background-image: url(css/xp2pc.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 150px;
    position: fixed;
    display: block;
}
}

.profile-picture
{
    text-align: center;
    margin: 0 auto;
    float: none;
}
#about .heading h1
{
    color:#fff;
    text-transform: uppercase;
}
#about .heading h3
{
    color: black;
}







/* tel */
@media all and (max-width: 860px) {

}


/* pc */
@media all and (min-width: 860px) {


}




.content_img:hover div{
 max-width:  100%;
    height: auto;
 padding: 8px 15px;
    font-family: 'Lato', sans-serif;
 visibility: visible;
 opacity: 0.7; 
}



#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
    padding-top: 140px;
   position: fixed;
   display: block;
   opacity: 0.97;
   background-color: #ebf8fe;
   z-index: 99;
   text-align: center;
}

.loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}