/* BASIC WIDTH MEDIA QUERY if max width of viewport is less than 800px */
@media (max-width: 800px){

  #conservative .header .header-vs-title {
  	font-size: 12px;
  	display: inline-block;
  	color:#666;
  	position:relative;
  	top:15px;
  }
  
  #conservative .header .header-vs-subtitle {
  	font-size: 9px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position:relative;
  	top:-18px;
  }
  #sugg-header{
  position:relative;
  top:190px;
  left:31;
  }
  
  #header-vs-title-divider{
    height: 32px; 
    width: 1px; 
    display: inline-block; 
    margin:0 -2 0 -8; 
    background-color: #d1dfdf;
  }
  #header-vs-subtitle-left{
  	font-size: 10px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position: relative;
  	top: -18px;
    left: -8px;
  }
  #header-left{
    position:relative;
    left:6px;
  }
 
  #defensive{
    margin-left:5px;
  }
  
  #sugg-container{
    margin-left:50px;
  }
  
}

@media (max-width: 900px) and (min-width: 800px){
  #conservative .header .header-vs-title {
  	font-size: 12px;
  	display: inline-block;
  	color:#666;
  	position:relative;
  	top:15px;
  }
  
  #conservative .header .header-vs-subtitle {
  	font-size: 10px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position:relative;
  	top:-18px;
  }
  #sugg-header{
  position:relative;
  top:190px;
  left:31;
  }
  
  #header-vs-title-divider{
    height: 32px; 
    width: 1px; 
    display: inline-block; 
    margin:0 -2 0 -8; 
    background-color: #d1dfdf;
  }
  #header-vs-subtitle-left{
  	font-size: 10px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position: relative;
  	top: -18px;
    left: -8px;
  }
  #header-left{
    position:relative;
    left:6px;
  }

}

@media (max-width: 1100px) and (min-width: 900px){
  #conservative .header .header-vs-title {
  	font-size: 16px;
  	display: inline-block;
  	color:#666;
  	position:relative;
  	top:15px;
  }
  
  #conservative .header .header-vs-subtitle {
  	font-size: 12px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position:relative;
  	top:-18px;
  }
  #sugg-header{
  position:relative;
  top:190px;
  left:36;
  }
  
  #header-vs-title-divider{
    height: 32px; 
    width: 1px; 
    display: inline-block; 
    margin:0 -2 0 -8; 
    background-color: #d1dfdf;
  }
  #header-vs-subtitle-left{
  	font-size: 10px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position: relative;
  	top: -18px;
    left: -8px;
  }
  #header-left{
    position:relative;
    left:6px;
  }
}

@media (max-width: 1180px) and (min-width: 1100px){
  #conservative .header .header-vs-title {
  	font-size: 18px;
  	display: inline-block;
  	color:#666;
  	position:relative;
  	top:15px;
  }
  
  #conservative .header .header-vs-subtitle {
  	font-size: 14px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position:relative;
  	top:-16px;
  }
  #sugg-header{
  position:relative;
  top:190px;
  left:39;
  }
  
  #header-vs-title-divider{
    height: 36px; 
    width: 1px; 
    display: inline-block; 
    margin:0 0 0 -12; 
    background-color: #d1dfdf;
  }
  #header-vs-subtitle-left{
  	font-size: 10px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position: relative;
  	top: -18px;
    left: -12px;
  }
  #header-left{
    position:relative;
    left:6px;
  }
}

@media (max-width: 1400px) and (min-width: 1180px){
  #conservative .header .header-vs-title {
  	font-size: 18px;
  	display: inline-block;
  	color:#666;
  	position:relative;
  	top:10px;
  }
  
  #conservative .header .header-vs-subtitle {
  	font-size: 14px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position:relative;
  	top:-12px;
  }
  #sugg-header{
  position:relative;
  top:190px;
  left:56;
  }
  
  #header-vs-title-divider{
    height: 32px; 
    width: 1px; 
    display: inline-block; 
    margin:0 0 0 -12; 
    background-color: #d1dfdf;
  }
  #header-vs-subtitle-left{
  	font-size: 10px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position: relative;
  	top: -18px;
    left: -12px;
  }
  #header-left{
    position:relative;
    left:6px;
  }
 
}
@media (max-width: 1550px) and (min-width: 1400px){
  #conservative .header .header-vs-title {
  	font-size: 20px;
  	display: inline-block;
  	color:#666;
  	position:relative;
  	top:5px;
  }
  
  #conservative .header .header-vs-subtitle {
  	font-size: 16px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position:relative;
  	top:-8px;
  }
  #sugg-header{
  position:relative;
  top:190px;
  left:60px;
  }
  
  #header-vs-title-divider{
    height: 40px; 
    width: 1px; 
    display: inline-block; 
    margin:0 5 0 -13; 
    background-color: #d1dfdf;
  }
  #header-vs-subtitle-left{
  	font-size: 10px;
  	display: block;
  	margin-top: 2px;
  	color: #9a9a9a;
  	position: relative;
    left: -18px;
  }
  #header-left{
    position:relative;
    left:6px;
  }
}
@media (max-width: 1650px) and (min-width: 1550px){
  #sugg-header{
    position:relative;
    top:190px;
    left:52px;
  }
}

/* END MEDIA QUERIES */

#green-title{
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 1s; /* Firefox < 16 */
      -ms-animation: fadein 1s; /* Internet Explorer */
       -o-animation: fadein 1s; /* Opera < 12.1 */
          animation: fadein 1s;
}
#portfolio-about{
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 1s; /* Firefox < 16 */
      -ms-animation: fadein 1s; /* Internet Explorer */
       -o-animation: fadein 1s; /* Opera < 12.1 */
          animation: fadein 1s;
}

.bottom-text{
  color:#000000;
  float:right
}