/* #e1eef5 <img src="Links/logo.jpg" alt="Daisy" width="80px" align="left" height="auto"/> */



/* For mobile phones: */
body 	{ 	font-family: 'Raleway', sans-serif;
			font-size: 16px;
			line-height: 1.25em; 
			background-color: white;
			top: 0;
			left: 0;
			bottom: 0;	
			right: 0;
		
}

.css-typing
{
    width: 20em;
    font-family: arial, helvetica, 'Crimson Text', serif;
	font-weight: 700;
	font-size: 25px; 
	text-align: left;
	padding-top: 45px;
	padding-bottom: 20px;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}





/* Add a black background color to the top navigation */
.topnav {
    overflow: hidden;
 	position: absolute;
 	color: blue;
    right: 0px;    
    margin-top: 53px; 
	padding-right: 4%;}


/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #7e7e7e;
    display: block;
    text-align: center;
    padding-left: 8px;
    text-decoration: none;
}

/* Change the color of links on hover */
.topnav a:hover {
    color: #fbba00;
    text-decoration: underline;
}

/* Add a color to the active/current link */
.topnav a.active {
    color: #fbba00;
    text-decoration: underline;

}

.header {	width: 85%;
			background-color: white;
			height: 110px;
			color: #7e7e7e;
			margin-left: auto;
			margin-right: auto; 
			margin-top: -40px;
			padding-top: 25px;
			padding-left: 3%;
			position: fixed;
			text-align: right;
			border-bottom-style: solid;
			border-bottom-width: 1.5px;
			border-color: #7e7e7e;
			top: 0;
			left: 0;
			bottom: 0;	
			right: 0;

			}

 .responsive {
    float: left;
    width: 33.333%;
    background-color: white;

}

.responsivepagina2 {
    float: left;
    width: 60%;
    padding-top: 20px;

}

.responsivepagina3 {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;


}

.responsivepagina1 {
    float: left;
    width: 40%;
    padding-left:20px;
    padding-right: 10px;
}
.responsivefooter {
    font-weight: 700;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding: 6px;
    padding-bottom: 20px;
    margin-bottom: -10px;
}





/* For mobile phones: */
.portfolio 	{
			width: 80%; 	
			font-family: 'Raleway', sans-serif;
			font-size: 16px;
			line-height: 1.25em; 
			background-color: white;
			margin-top: 80px;
			margin-left: auto;
			margin-right: auto;
			
			box-shadow: 0px 0px 20px #cedae0;

			top: 0;
			left: 0;
			bottom: 0;	
			right: 0;

}


h1 		{ 	font-family: arial, helvetica, 'Crimson Text', serif;
			font-weight: 700;
			font-size: 25px; 
			text-align: left;
			padding-top: 50px;}

h2 		{	font-family: arial, helvetica, 'Crimson Text', serif;
			font-size: 14px;
			font-weight: 700;
			color: #fbba00;
			padding-top: 20px;
			padding-bottom: 5px;
			text-align: right;}

h3 		{	font-family: arial, helvetica, 'Crimson Text', serif;
			font-size: 23px;
			font-weight: 700;
			color: 525659;
			padding-bottom: 8px;}

h4 		{	font-family: 'Raleway', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.11111111em;
			margin-top: 1.1em;
			margin-bottom: 0.2em;}

b 		{	font-weight: 700;}
	
a 		{  	text-decoration: none;
			color: black; }

p {
		font-family: arial, helvetica, 'Crimson Text', serif;
		font-size: 14.5px;
		line-height: 1.3em;
}

img		{	max-width: 200%;

		}



a:hover {
		font-weight: 700;
    	color: #fbba00;
    	text-decoration: underline; }

a:visited {   
 }



ul, 	 {	margin-top: 0.2em;
			list-style: "a";}

ol 		{	font-family: 'Raleway', sans-serif;
			list-style-type: disc;
  			width: 100%; }

ol b 	{
    		font-weight: 700; }
ol h3 	{
    		margin-top: 0px; }

ol ol {		font-family: 'Raleway', sans-serif;
			font-size: 13px;
    		list-style-type: disc;	
    		margin-left: 22px; }

table, th, td {
    		padding-bottom: 5px;
    		padding-right: 10px;
    		margin-top: 20px;
    		border-left: none;
    		border-collapse: collapse;
}






div.img img {
    width: 100%;
    height: auto;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}







@media only screen and (max-width: 2600px){
    .portfolio {
    	width: 60%;}
    .header {	width: 60%;}
	
}

@media only screen and (max-width: 1500px){
    .portfolio {
    	width: 80%;
    }
	.header {	width: 85%;
			background-color: white;
			height: 110px;
			color: #7e7e7e;
			margin-left: auto;
			margin-right: auto; 
			margin-top: -40px;
			padding-top: 25px;
			padding-left: 3%;
			position: fixed;
			text-align: right;
			border-bottom-style: solid;
			border-bottom-width: 1.5px;
			border-color: #7e7e7e;
			top: 0;
			left: 0;
			bottom: 0;	
			right: 0;

			}
}




@media only screen and (max-width: 1000px){
    .responsive {
        width: 49.99999%;
    }
}



@media only screen and (max-width: 768px){
    .responsive {
    		width: 100%;}

	.responsivepagina1 {
		    float: left;
		    width: 100%;
		    padding: 5px;
		    margin-top: 30px;}

	.responsivepagina2 {
		    float: left;
		    width: 100%;}
.topnav {
    overflow: hidden;
 	position: absolute;
 	content: #525659;    
    margin-top: 80px;
}

.header {	width: 80%;
			padding-left: 5px;
			height: 150px;}


    h1 		{ 	
    		font-family: arial, helvetica, 'Crimson Text', serif;
			font-weight: 700;
			font-size: 20px; 
			text-align: left;
			}
	
}