.logo { margin: 20px 0; }
       main { height: 72.2vh; }
          footer.page-footer {
              margin-top: 45px;
              position: fixed;
              bottom: 0;
              width: 100%;
              text-align: center;
          }
	   @media(max-width: 500px) {
        h3 {
            font-size:18px;
		  }
        }
.center{

	width: 720;
    height: 250px;

 background-size:100% 100%;

	}

  h1
	{

		font-family: 'Dosis', sans-serif;
		text-align:center;

	}
	h3
	{

		font-family: 'Dosis', sans-serif;
		text-align:center;

	}


	.but1
	{

		    display: block;
            margin-top: 65px;
            font-size: 15px;
            margin: 0 auto;
            text-align:center;
            background-color:#039be5;
            color:#FFF;
            height:56px;
            border-radius:30px;
            font-size:14pt;
            font-weight:600;
            font-family: 'Sintony', sans-serif;
            width:30%;
            height:56px;
            line-height:44px;
            border: none;
            outline: none;


	}

	.but2
	{
		   display: block;
            width: 30%;
            font-size: 15px;
            margin: 0 auto;
            margin-top: 20px;
            text-align:center;
            background-color:#039be5;
            color:#FFF;
            height:56px;
            border-radius:30px;
            font-size:14pt;
            font-weight:600;
            margin-bottom:100px;
            font-family: 'Sintony', sans-serif;
            border: none;
            outline: none;
	}
  .but1:hover,
  .but2:hover
  {
    background-color: #ffffff;
    color: #039be5;
    box-shadow: 0px 0px 7px 0px #b1b1b1;
  }

  @media (min-width: 481px) and (max-width: 768px)
  {
    .but1,
    .but2
     {
      width: 50%;
    }
    .img-responsive
    {
      width: 40% !important;
    }
  }

  @media  (max-width: 480px)
  {
    .but1,
    .but2
     {
      width: 76%;
    }
    .img-responsive
    {
      width: 60% !important;
    }
  }