.container {

height: 100vh;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url('images/BG4.png');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;}


nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	padding: 5px 0;
}

.logo {
	width: 200px;
	height: 60;
}



nav ul {
	display: flex;
	justify-content: flex-end;
	flex: 1;
	padding-right: 40px;
	text-align: right;
	list-style-type: none;
}

ul li {
	margin-right: 10px;
}

ul li a {
	position: relative;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
}

ul li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	transform: translateX(-50%) translateY(-5px);
	height: 3px;
	background: #ffa400;
	transition: 0.3s;
}

ul li a:hover::after {
	width: 38%;
}

.site-container {
	position: absolute;
	bottom: 10%;
	color: #fff;
}

.site-container p {
	font-size: 50px;
	font-weight: bold;
}



.site-container h3 {
	font-size: 40px;
	font-weight: 500;
}

.site-container .row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 20px;
}

.row a {
	display: flex;
	align-items: center;
	padding: 10px 20px;
	text-decoration: none;
	border: 1px solid #fff;
	margin-right: 40px;
	color:white;
	font-size: 15px;
	transition: 0.3s;
}

.row a:hover {

        background-color: #6da1e6;
        color: #000;
    }



.a1{
color: white;
font-size: medium;
text-align: center;
}


@media screen and (max-width:1600px){
	.container{
		background-image: url('images/bg4.png');
		background-attachment: fixed;
		background-size: 100%;
		}
}



@media screen and (max-width:768px){
	.a1{
	color: white;
	font-size: medium;
	text-align: center;
	padding: 10px;
	margin: 10px;
	    
	}
	
	
	.container{
		background-image: url('images/fffoto.jpg');
		background-size: 100%;
	    background-attachment: fixed;
		padding: 0%;
		margin: 0%;}
}


@media screen and (max-width:600px)
{
    	.container{
		background-image: url('images/fffot.jpg');
		background-size: 100%;
	    background-attachment: fixed;
	}
    .row a {

            display: inline-flex;
            padding: 4px 4px;
            text-decoration:none;
            border: 1px solid #45197e;
            margin-right: 20px;
            color:rgb(7, 8, 7);
            font-size: 10px;
            transition: 0.3s; }
       
		.a1{
	color: #000;
	font-size:x-large;

	text-align: center;
	padding: 0px;
	margin: 0px;}

}

 @media screen and (max-width:400px)
    {
            .container{
            background-image: url('images/cc.jpg');
            background-size: 100%;
            background-attachment: fixed;
        }
        .row a {
            display: inline-flex;
            padding: 4px 4px;
            text-decoration:none;
            border: 1px solid #45197e;
            margin-right: 20px;
            color:rgb(7, 8, 7);
            font-size: 10px;
            transition: 0.3s; }
            
            .a1{
        color: #000;
        font-size:small;
    
        text-align: center;
        padding: 0px;
        margin: 0px;}
    
    }