body
{
	background: url(images/bg.png);
	background-size: cover;
	background-attachment: fixed;
	scroll-behavior: smooth;
	transition: all 0.2s ease;
}
.article
{
	width: 90%;
	height: 1050px;
	
}
.dash1
{
	text-align: center;
}
.dash2
    {
        background-color: black;
        text-align: center;
        color: #9a864e;
        height:;
        border-bottom: solid;
        border-bottom-width: 1px;
        border-bottom-color:#ed1c24;
        width: 100%;
        display: none;
        background:url(images/bgdemo.png);
        background-size: cover;
        background-attachment: fixed;
        background-position: center;

        
    }
.logo
{
	height: 150px;
	cursor: pointer;
	transition:all 0.2s ease;
}
.logo:hover
{
	transform: rotate(40deg);
	
}

.button
{
	text-align: center;
	background-color: transparent;
	border:solid 1px #0e2245;
	border-radius: 20px;
	cursor: pointer;
	height: 50px;
	width: 110px;
	color: #0e2245;
	transition: all 0.2s ease;
}
.button:hover
{
	color: white;
	background-color: #0e2245;
	border-color: #e18e25;
}
.footer
{
	width: 90%;
	height: 70px;
	color: #0e2245;
	border-left:solid 1px #0e2245;
	border-right:solid 1px #0e2245;
	background-color: transparent;
}
.footlink
{
	opacity: 0.5;
	color: #0e2245;
	text-decoration: none;
	transition: all 0.1s ease;
}
.footlink:hover
{
	opacity: 1;

}
.fieldset
{
	width: 50%;
}
.fieldset:hover .logo
{
	transform: rotate(40deg);
}
input
{
	width: 60%;
	border-radius: 20px;
	transition: all 0.2s ease;
}
input:hover
{
	border-color: #e18e25;
}
.list
{
    float: left;
    margin-left: -100%;
    
    transition: all 0.3s ease;
}
.condet
{
	width: 45%;
}
.mobhead
{
	display: none;
	
}
.values
{
	width: 50%;
}
@media screen and (orientation:portrait)
{
	body
	{
		background-position: center;
	}
	.dash1
	{
		display: none;
	}
	.name
	{
		display: none;
	}
	.dash2
	{
		display: block;
		text-align: center;
	}
	.footer
	{
		width: 100%;
		display:none;
	}
	.article
	{
		width: 100%;
	}
	.fieldset
	{
		width: 100%;
	}
	.condet
	{
		width: 100%;
	}
	.mobhead
	{
		display: block;
		background-attachment: fixed;
	}
	.values
	{
		width: 100%;
	}	

}