Template:Queens Canada/CSS/home.css

/* CSS file specifically for the Homepage */

  1. webbannerhome {
   height: 600px;
   width: 100%;
   background-image: url("Qqq_QGEM_Banner_home_small.png");

}


  1. part1 {
   height: 650px;
   width 100%;
   margin-top: -1px;
   background-color: #2d2d2d;

}

  1. part1 h1 {
   font-family: 'Roboto', sans-serif;
   font-size: 40px;
   color: #c5cedb;
   margin-top: 0px;
   text-align: center;

} p {

   color: white;
   font-size: 18px;
   text-indent: 50px;
   font-family: 'Verdana', sans-serif;

}

h2 {

   color: #c5cedb;
   font-size: 23px;

}

  1. part1 img {
   opacity: 0.5;

}

  1. part1 img:hover{
   opacity: 1.0;
   

}

  1. part1 #circ {
   display: inline-table;
   height: 450px;
   width: 300px;
   border-color: #2d2d2d;
   margin-top: 0px;
   margin-left: 55px;
   opacity: 1;

}


  1. part1 #scaff {
   display: inline-table;
   height: 450px;
   width: 300px;
   margin-top: 0px;
   margin-left: 90px;

}

  1. part1 #inquire {
   display: inline-table;
   height: 450px;
   width: 300px;
   margin-top: 0px;
   margin-left: 90px;

}

  1. part2 {
   height: 400px;
   width 100%;
   margin-top: -1px;
   padding: 40px;
   background-color: #0f4f91;

}

  1. part2 img {
   float: left;
   height: 400px;
   margin-top: 40px;
   margin-right: 20px;
   

}

  1. part2 #AFPslife h1{
   font-family: "Roboto", sans-serif;
   font-size: 55px;
   color: #c5cedb;
   text-align: center;

}

  1. part2 #AFPslife h1 span {
   color: #ff0000;

}

  1. part2 a{
   color: #ff0000;

}