/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-300 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-600 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*-----------------------------------------------------------------*/

html, body {
	margin: 0;
	padding: 0%;
	height:100%;
	width: 100%;
	background: #E6E6FA;
	
-webkit-font-smoothing: antialiased;	
	
}

/* First make sure the video thumbnail images are responsive. */

img {
    width: 100%;
    height: auto;
  }
 
a {
	/*font-family: 'Lato' sans-serif;*/
	font-family: 'Noto' sans-serif;
	font-size: 3rem;   
   text-decoration: none;
   color: #fff;
}

p {
font-family: 'Lato' sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: .1;
/*margin-bottom: 1em;*/

}
p > a:hover{
    color: #d9d9d9;
    text-decoration:  underline;
} 
 
h1 {
font-family: 'Lato', sans-serif;
font-size: 1.5em;
		font-weight: 600;
	color: #6c6c6c;
	text-align: center;
}  

h2 {
	font-family: 'Noto Sans';
font-size: 1.3em;
	font-weight: 400;
color: #6c6c6c;
	text-align: center;
}

h2 span {
font-weight: bold;
	}

h3 {
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	color: #6c6c6c;
	text-align: center;
	}

--------------------------------------------

.header_logo_big {
	height: auto;
	width: 100%;
	}

.language {
text-align: center;
}

nav ul li{
display: inline-block;
list-style-type: none;
padding: 5px 5px;
/*background-color: greenyellow;*/
}

nav ul li a{
text-decoration: none;
font-size: 1rem;
color: #6c6c6c;

}

nav ul li a:hover{
/*color: green;*/
transition: .3sec;
}

/*----------------------------------------------------*/

.photo_portfolio {
		width: 29.333333%;
		padding: 2%;
		float: left;
		text-align: left;	

}		
.photo_portfolio img:hover {
		opacity: .6;
		/*fill: #1ab7ea;*/
		/*transform: scale (1.5);*/
}

.gallery-frame {
/*display: inline-block;*/
  /*padding: 0rem;*/
    padding-bottom: .2rem;
  /*margin-left: .6rem;*/
  margin-bottom: 1rem;
  /*margin-right: 0rem;*/
  /*margin-top: 0rem;*/
  font-size: 1rem;
  text-align: center;
  line-height: .1rem;
  background-color: #333;
  color: #d9d9d9;
}

/* The Images */
.gallery-img {
  max-width: 100%;
  display: inherit;
  /*max-height: 100%;*/
  height: auto;
	flex: wrap;
 object-fit: cover;
 /* transition: opacity 0.25s ease-in-out;*/
}

.gallery-img:hover {
  opacity: .7;
  /*fill: #1ab7ea;*/
  /*transform: scale (1.5);*/
}

footer {
	text-align:center;
	/*margin-top: 3rem;*/

}

svg
{
display: inline;
fill: #fff;
height:3vh;
width:  4vh;
margin: 0.5vh;

padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
    
    align-items: center;
    
    }
#vm {

}
svg:hover #vm {
  opacity: 1;
  /*fill: #1ab7ea;*/
  fill: #1ab7ea;
  /*background-color: #1ab7ea;*/
}

#bc {

}

svg:hover #bc {
  opacity: 1;
  fill: #ff0000;
  /*background-color: #ff0000;*/
}

#ru {

}
svg:hover #ru {
        /*background-color: #1ab7ea;*/
        opacity: 1;
        fill: #1ed760;
}

#md {

}
  svg:hover #md {
        /*background-color: #1ab7ea;*/
        opacity: 1;
        /*fill: #202122;*/
        /*fill: #563acc;*/
        fill: #6364ff;
        /*fill: #2b90d9;*/
        /*background-color: #1ed760;*/
        }       
        

  .copyright {
	text-align: center;
	padding-bottom: .1rem;
	color: #6c6c6c;
font-size: .8em;
/*font-weight: bold;*/
font-family: 'Noto Sans';
}      
        
        
        
@media (min-width: 600px){
p {
font-size: 1.25rem;}
}


@media (min-width: 800px){
p {
font-size: 1.75rem;
line-height: 1.75}
}