﻿#logo_image {
    animation-name: spin;
    animation-duration: 20000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

html, body {
  height:100%;
  min-height:100%;
  margin:0;
  padding:0;
}

body {
  margin: 0;
  padding: 0;
}

#header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    margin:0px; 
    padding: 0 10px;
    background-color: floralwhite;
    border-bottom: 2px solid mistyrose;
}

	#header #logo small {
		display: block;
		position: absolute;
		font-size: 15px;
		top: 38px;
		left: 96px;
		color: #C15E2B;
	}

 #header a {
   display: flex;
   flex-direction: row;
   align-items: center;
   width: 225px;
   justify-content: center;
   text-decoration:none; 
   font-size: 34px;
   color: dimgray;
 }

#header div:last-child {
  display: flex;
  justify-content: flex-end;  
  width: 225px;
}

#header a span {
   margin-left: 8px; 
}

 #header #form_caption {
   font-size: 35px;            
   color: burlywood;
   display: flex;
   align-self: center;
   margin-top: 20px;
 }

.newVision {
    visibility:hidden;
}

.oldVision{
    visibility:visible;
}


