/* CSS Document */

*{font-family: Arial Arial, "Sans Serif Collection", Verdana;
  box-sizing: border-box}

#header {color: black;
		 text-align: center;
		font-weight: normal;
	    max-width: 1075px;
	    width: auto;
	    padding: 100px;
		margin-top: 100px;
	    margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 300px;
	    background-color: #DAEFF8
		}


h1{font-weight: normal}


.list{list-style-type: none;
	
   text-align: center;
	margin: 0px;
	padding: 0px
    }


.item{
	display: inline-block;
	margin-right: 10px;
}

a.item-link:link{color:  #8109D0;
       text-decoration: none}

a.item-link:visited{color:  #8109D0;
       text-decoration: none}

a.email:link{color: orange;
text-decoration: none}

a.email:visited{color: orange;
text-decoration: none}


.box{list-style-type: none;
    margin: 0px;
	padding: 0px}

.box li{display: inline-block;
	    
	    vertical-align: top
	
}

.box-one{background-color: white;
	text-align: center;
	width:27.90697674418605%;
	padding: 1%;
	margin:10px 2% 10px 2%;
	box-shadow: 5px 5px 5px 5px #777777;
	border:10px solid #34E400;
}

.box-two{background-color: magenta;
	text-align: center;
	height: 125px;
	width:27.90697674418605%;
	margin: 10px 10px 10px 10px;
	padding: 20px;
	
	border:10px solid blue;
	border-radius: 10px;
}

p.text{text-align: left;
	   margin:10px;
	   color: black}


/* MEDIA QUERIES */

@media screen and (max-width: 763px){
	.box li{display: block;
	
	    
	}
	
}/*763px*/


@media screen and (max-width: 763px){
	
	.box-one, .box-two{width: 80%;
		               height: 300px;
		              margin: 20px;
					  align-content: center
		
	
	    
	}
	
}/*763px*/

 

@media screen and (max-width: 480px){
	#header {color: black;
		 text-align: center;
		font-weight: normal;
	    width:100%;
		height: 100%;
		margin: 0;
	    background-color: #DAEFF8
		}
}/*480px*/

@media screen and (max-width: 480px){
	.item{display: block;
	     margin: 20px;
	     text-align: center}
}/*480px*/

@media screen and (max-width: 480px){
	.box-one, .box-two {width:95%;
	     margin: 20px;
	     text-align: center}
}/*480px*/