/* CSS Document */
html{
scroll-behavior: smooth;
}

top{
margin-left: 40px;
}

a
{
color:#1b1b1b;
text-decoration: none;
}

#scroll-to-top{
   position:fixed;
   bottom:15px;
   right:20px;
   opacity:0.5;
   margin-right: 10px;
}

#scroll-to-top:hover{
   opacity:1;	
}



.navbar-brand img{ 
	width:140px;
    text-align: left;
	
	margin-left:25px;
	
}
.kontakt{
	margin-top:60px;
}



body{
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	
}
.b{
	width: 100%;
	background-color: #fafafa;
	margin-top: 100px;
}

.b1{
	width: 100%;
	background-color: #fafafa;
	margin-top: 50px;
	padding-bottom: 100px;
	margin-right: 50px;
	
}

.b2{
	width: 100%;
	background-color: #fafafa;
	margin-top: 50px;
	padding-bottom: 80px;
}
nav li{
	display: inline;
	margin-left: 20px;
	margin-right:20px;	
	 
}

.container{
	width: 100%;
	background-color: #fafafa;
	margin-top: 10px;
  
}
.containerwork{
    width: 100%;
}

.1p{
	position:flex;
    background-color: #fafafa;
}
.2p{
	float: right;
    background-color: #fafafa;
}

.3p{
	float: right;
    background-color: #fafafa;
    
}

nav a{
color: black;
}


nav a:hover{color:#ffe000} 

#circle {
	width: 120px;
	height: 120px;
	border:gray;
	border-style:solid;
	border-radius: 100%;
	margin-top:  40px;	
}




p{
	margin-top: 40px;
	font-size: 16px;
    margin-left: 0px;
}
.carousel{
	width: 82%;
	margin: auto;
}
.hm-gradient {
    background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.darken-grey-text {
    color: #2E2E2E;
}



 
@media only screen and (max-widht:600px) 
body {
    font-size:16px;
}
header {
    text-align: center;
    padding: 10px;
    }
    
.container {
    padding: 15px;
    width: 100%;
    }

.menu-item{
display: block;
padding: 10px;
}
@media only screen and (max-widht:480px) 
    body {
    font-size:18px;
}

.container {
    width: 90%;
    }
@media only screen and (min-widht:768px) 
        
.container {
    width: 70%;
    }
#footer
{
clear: both;
padding-bottom:5px;
padding-right: 5px;

color: #010101;
font-size: 10px;
font-family: 'Aral', sans-serif;
text-align: center;
}