@charset "utf-8";
/* CSS Document */


* {
    font-family: sans-serif;
}

#sidebar {
    float: left;
    background-color: #14285a;
    height: 1200px;
    width: 40%;
}

#header {
    float: left;
    background-color: #14285a;
    height: 10%;
    width: 100%;
}

#content {
    float: left;
    height: 1200px;
    width: 60%;
}

span {
    display: block;
    font-family: sans-serif;
    font-size: 17px;

}

.h1 {
    font-family: sans-serif;
    color: a;
    font-size: 35px;

}

#logo {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 150px;


}

#logo2 {
    margin-left: 10px;
}


#text {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 150px;


}


@media screen and (max-width: 890px) 
{ 
	#sidebar
	{visibility:hidden;
	display:none} }

@media screen and (min-width: 891px) 
{ 
	#header
	{visibility:hidden;
	display:none} }

@media screen and (max-width: 890px) 
{ 
	#content
	{width: 100%;
	height: 640px;} 
}


@media screen and (max-width: 940px)
{
    span
    {font-size:17px;
    justify-content: center;
    
    }
    .h1
    {font-size: 17px}
    
    #text {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 15px;
}


/*
@media screen and (max-width: 890px) {

    #header {
        visibility: hidden;
        display: none;
    }

    #content {
        width: 100%;
    }
}




@media screen and (min-width: 891px) {
        #sidebar {
        visibility: hidden;
        display: none;
    }
}




@media screen and (max-width: 940px) {
    span {
        font-size: 17px;
        justify-content: center;

    }

    .h1 {
        font-size: 17px
    }

    #text {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 15px;
    }

  @media screen and (min-width: 941px) {
    span {
        font-size: 17px;
        justify-content: center;

    }

    .h1 {
        font-size: 17px
    }

    #text {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 15px;
    }  
   */