@import url('https://fonts.googleapis.com/css2?family=Medula+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allan&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Peddana&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital@1&display=swap');

body
{
	min-height: 100vh;
    position: relative;
}

footer
{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}

h5, h2
{
    font-family: 'Noto Serif', serif;
    letter-spacing: .5px;
}

#logoDiv
{
	display: flex;
	position:absolute;
	top:60%;
	left:50%;
	transform: translate(-50%,-60%);
	width: 100%;
	justify-content: center;
}

.container p, blockquote span
{
    font-family: 'Noto Serif', serif;
    font-size: 16px;
}

#pr
{
 letter-spacing: 6px;
 animation-duration: 1s!important;
 animation-delay: 6s;
 font-weight: 400;
 font-size: 37px
}

#prP{
    font-family: 'Noto Serif', serif;
	font-size: 20px;
	color: rgb(0,0,0,.7);
	animation-duration: 1s!important;
    animation-delay: 7s;
    font-weight: 500;
    padding-top: 4rem;
}

#navbar
{
    justify-content: center;
    padding: .5rem 1rem;

}

#navbar .navbar-toggler
{
    float: left;
    position: relative;
}

#navbar .navbar-collapse
{
    max-width: 80%!important;
}

#navbar .nav-link, footer{
    color: gray;
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    transition: .5s;
    font-weight: 400;
}

.logo
{
	position: relative;
	animation-duration: 1s!important;
}

.logo1
{

}

.logo2
{
	left:-30px;
	animation-delay: 1s;
}
.logo3
{
	left:-40px;
	animation-delay: 2s;
}

.logo4
{
	left:-55px;
	animation-delay: 3s;
}

.logo5
{
	left:-60px;
	animation-delay: 4s;
}

.logo6
{
	left:-60px;
	animation-delay: 5s;
}

#anasayfaNavm
{
    display: none;
}

#anasayfaNava
{
	display: none;
}

#anasayfaNavd .navbar-collapse{
	max-width: 90%!important;
}

#anasayfaNavd{
	justify-content: center;
}

#anasayfaNavd .nav-link{
	color: gray;
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    transition: .5s;
    font-weight: 400;
    line-height: 14px;
}

#anasayfaNavd .nav-link:hover, #anasayfaNavd .active .nav-link, #navbar .active .nav-link, #navbar .nav-link:hover
{
    color: black!important;
}
 
@media screen and (max-width: 980px){

    #logoDiv
    {
        display: flex;
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 100%;
        justify-content: center;
    }

    #anasayfaNava
    {
	    display: block;
    }

	.logo
	{
		height: 150px!important;
	}

    #pr
    {
        font-size: 60px;
        position: relative;
        left: 14px;
    }

    #prP
    {
        font-size: 36px;
        position: relative;
        left: 8px;
    }
    
    #anasayfaNavm .navbar-nav
    {
        background: white;
        position: relative;
        z-index: 10000;
    }

    #mainDiv
    {
        left: 16px;
    }

    #anasayfaNavd
    {
        display: none;
        background: red!important;
    }

    #anasayfaNavm ul
    {
        padding: 10px 100px;
    }

    #anasayfaNavm ul span
    {
        padding: 0px 100px;
        border-top: 6px solid black;
    }

    #anasayfaNavm .nav-link
    {
    	color: gray;
    	font-size: 36px;
    	font-family: 'Noto Serif', serif;
    	padding: 20px 50px 0px 50px!important;
    	transition: .5s;
    	font-weight: 400;
    	letter-spacing: 2px;
    }

    #anasayfaNavm .nav-link:hover,  #anasayfaNavm .active .nav-link
    {
    	color: black!important;
    }


}

@media screen and (min-width: 981px)
{
    #anasayfaNavm{
    	display: none!important;
    }
}

@media screen and (max-width: 600px)
{
    .container
    {
        padding: 0!important;
        padding-top: 60px!important;
        padding-bottom: 100px!important;
    }

    #instagram-feed1
    {
        padding: 0;
        padding-top: 0vh!important;
        padding-bottom: 12vh;
    }
}

#instagram-feed1
{
    padding: 0;
    padding-top: 6vh;
    padding-bottom: 12vh;
}

.container
{
        padding: 0;
        padding-top: 22vh;
        padding-bottom: 60px;
}

a:hover
{
    text-decoration: none!important;
}

a
{
    color: #888888!important;
}

#flags
{
    position: fixed;
    left:0;
    top:13%;
    height:68px;
    width:52px;
    padding:10px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 5px 0px #ccc;
}

#flags a
{
    float:left;
    width:100%;
    color:#333;
}

#navbar .navbar-nav
{
    position: relative;
    top: -12px;
}

.instagram_gallery a img
{
    float: none!important;
    transition: .5s;
}

@media screen and (max-width: 500px)
{
    .instagram_gallery a img
    {
    width: 98%!important;
    }
}

@media screen and (max-width: 768px) and (min-width: 500px)
{
    .instagram_gallery a img
    {
    width: 48%!important;
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px)
{
    .instagram_gallery a img
    {
    width: 31.333333333333332%!important;
    }
}

.referans img
{
    box-shadow: 0 0 5px 0px #ccc;
}
@media screen and (min-width: 1600px)
{
    .container
    {
        max-width: 1300px!important;
    }
}

@media screen and (min-width: 1800px)
{
    .container
    {
        max-width: 1440px!important;
    }
}